Hi Nikhil,
Your shared OML is in reactive web and implementation is correct and it simply by setting input type property as - date or date time.
For Trinational Web - you can add type in extended property. Check attached oml.

Another way - You can use date time picker.
Check Below Links-
For Traditional Web
For Reactive web
Best Regards,
Rahul Kr.