Material Admin

Form Datetimepicker
Home Form Datetimepicker

Pickadate Picker

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
Default Pickadate
To use add .pickadate class for default Pickadate Picker.
Hide/Change Buttons
To use add .pickadate-clear-buttons class to change/hide buttons.
Select Year
To use add .pickadate-select-year class to choose select year.
Short string with Pickadate
To use add .pickadate-short-string class for short string with Month & Week.
Change First Week
To use add .pickadate-firstweek class to change first weekday to Monday.
Date Limits
To use add .pickadate-datelimits class to choose date in specific range date.
Change Formats
To use add .pickadate-change-format class to change date formats.
Language Translation
To use add .pickadate-translations class for language translation.
Change Arrows
To use add .pickadate-changearrow class to change date formats.
Disable arbitrary dates
To use add .pickadate-disable-arbitrarydates class to disable arbitary dates.
Disable days of the week
To use add .pickadate-disable-week class to disable days of the week.
Minimum and maximum date range
To use add .pickadate-minmax class for minimum and maximum date range.
Dropdown Month & Year
To use add .pickadate-monyear-dropdown class to set select to month and year from the drodown.
Picker Events
To use add .pickadate-events class to check events in the console.

Pickatime Picker

Default Pickatime
To use add .pickatime class for Default PickaDate Picker.
Clear Button
To use add .pickadate-clear-buttons class to hide clear button from calendar.
Minimum and maximum time range
To use add .pickatime-minmax-range class for maximum starting time and minimum ending time.
Change Formats
Use .pickadate-change-format class to change time and date display formats.
Format of Label
To use .pickatime-format-label class to display time label format.
Time Format Display
Use .pickatime-formatTime-display class to display time format.
Current Time Limit
Use for to show last 5 time limits and also shows current time Limitation.
Disable set of Time
To use add .pickatime-disable for disable set of time.
Intervals
To use add .pickatime-intervals class to display time in Intervals.
Disable set of time using Object
To use add .pickatime-timedisable-object class and using objects as a range of times
Disable set of time using Integers
To use add .pickatime-timedisable-integer class and using integers as hours (0 to 23)
Disable All with exceptions
Just add class .pickatime-disable-all
Close on a user action
To use add .pickatime-closeuser-action class and use for When a time is selected or the "clear" button is pressed, the picker closes.
Picker Events
To use add just pickatime-events and to verify open console.
All Rights Reserved by Materialart. Designed and Developed by WrapPixel.
settings