Datetimepicker component allows user to select a date from a calendar and time from a visual analog clock; it also accepts values via direct input. You can find a wide variety of date and time pickers here. We have used Bootstraps’ datetimepicker and applied material design principles to it.
For more options and documentation, visit : Bootstrap Datetimepicker
Install with NPM
You can install and manage Propeller DateTimePicker using npm:
This is the default date and time picker with Propeller theme.
Initialize datetimepicker plugin by calling
It is used when you only need to fetch just the time from the user.
These are two individual date and time pickers, of which, one is used to select start date and time and the other is used to select end date and time.
This one is used when you want the user to select a year and month. For example: This kind of picker is used for selecting expiry date of a card.
Disabled Days of the Month
This is a date and time picker which can be used when you want to show few days of the month as disabled. For exmaple: Here, saturdays and sundays are shown as disabled.
Such type of datetimepickers are by default displayed as visible.
Datetimepicker in Modal
When you click to select the date and time in this case, a modal appears containing the datetimepicker. The modal also consists of
select button in order to submit or cancel the date and time selected.
Datetimepicker with left header
In such type of date and time picker the header of the picker is displayed to the left. It displays current date significantly.