The DateTimePicker for React enables you to select a date and/or time by using our Calendar and TimeInput components. The DateTimePicked is useful in all cases when you need to pick or input time and date. The date can be selected by clicking on the calendar button and picking it, or by entering it in the input field. The time can be selected by clicking the clock button and picking the time through the counters, or by typing it in the input field.
React DateTimePicker basic capabilities
One of the basic capabilities of our React DateTimePicker is localization. Languages and time formats can be localized and the different locations are stored in text files with corresponding language codes. You can set the localizations to the Date Time Picker instance through the culture property.
The DateTime Picker can be set to be only date picker, time picker, or both. The setting happens with the formatString property.
There is also built-in date parsing functionality and you can choose dates in the following formats: short date, long date, short time, long time, long date and short time, long date and long time and month/day.
There are also different built-in template options for displaying the calendar and clock buttons.
React DateTimePicker advanced capabilities
Range selection is one of the very useful advanced capabilities. By using this option you can click on a start date and on an end date and thus pick a range.
It is also possible to change the horizontal alignment of the calendar and clock to left and right and also the vertical alignment to top and bottom.
The animation feature will enable you to see a fading effect when the calendar appears or disappears.
There is also Keyboard navigation and right to left layout.