Xtreme admin Template - The Ultimate Multipurpose admin template

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.

Selectors Month & Year

To use add `.pickadate-selectors` class to set month & year selectors.

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.

Native calendar of Disable picker

To use `.datepicker` class to change Native calendar of Disable picker.

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.

With API

Open and Close Calendar

Clear the Date

Clear the Date With Inline Button

Collapsible Group Item #1

Collapsible Group Item #2

Collapsible Group Item #3

Luanch Admin

Event today

Settings

Pavan kumar

Pavan kumar

Sonu Nigam

Arijit Sinh

Pavan kumar

Form DatetimePicker

$58,256

Pickadate Picker

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

To use add .pickadate class for default Pickadate Picker.

To use add .pickadate-clear-buttons class to change/hide buttons.

To use add .pickadate-select-year class to choose select year.

To use add .pickadate-short-string class for short string with Month & Week.

To use add .pickadate-firstweek class to change first weekday to Monday.

To use add .pickadate-datelimits class to choose date in specific range date.

To use add .pickadate-change-format class to change date formats.

To use add .pickadate-translations class for language translation.

To use add .pickadate-changearrow class to change date formats.

To use add .pickadate-disable-arbitrarydates class to disable arbitary dates.

To use add .pickadate-disable-week class to disable days of the week.

To use add .pickadate-selectors class to set month & year selectors.

To use add .pickadate-minmax class for minimum and maximum date range.

To use add .pickadate-monyear-dropdown class to set select to month and year from the drodown.

To use add .pickadate-events class to check events in the console.

To use .datepicker class to change Native calendar of Disable picker.

Pickatime Picker

To use add .pickatime class for Default PickaDate Picker.

To use add .pickadate-clear-buttons class to hide clear button from calendar.

To use add .pickatime-minmax-range class for maximum starting time and minimum ending time.

Use .pickadate-change-format class to change time and date display formats.

To use .pickatime-format-label class to display time label format.

Use .pickatime-formatTime-display class to display time format.

Use for to show last 5 time limits and also shows current time Limitation.

To use add .pickatime-disable for disable set of time.

To use add .pickatime-intervals class to display time in Intervals.

To use add .pickatime-timedisable-object class and using objects as a range of times

To use add .pickatime-timedisable-integer class and using integers as hours (0 to 23)

Just add class .pickatime-disable-all

To use add .pickatime-closeuser-action class and use for When a time is selected or the "clear" button is pressed, the picker closes.

To use add just pickatime-events and to verify open console.

With API

Pavan kumar

Sonu Nigam

Arijit Sinh

Nirav Joshi

Sunil Joshi

Akshay Kumar

Pavan kumar

Varun Dhavan

To use add `.pickadate` class for default Pickadate Picker.

To use add `.pickadate-clear-buttons` class to change/hide buttons.

To use add `.pickadate-select-year` class to choose select year.

To use add `.pickadate-short-string` class for short string with Month & Week.

To use add `.pickadate-firstweek` class to change first weekday to Monday.

To use add `.pickadate-datelimits` class to choose date in specific range date.

To use add `.pickadate-change-format` class to change date formats.

To use add `.pickadate-translations` class for language translation.

To use add `.pickadate-changearrow` class to change date formats.

To use add `.pickadate-disable-arbitrarydates` class to disable arbitary dates.

To use add `.pickadate-disable-week` class to disable days of the week.

To use add `.pickadate-selectors` class to set month & year selectors.

To use add `.pickadate-minmax` class for minimum and maximum date range.

To use add `.pickadate-monyear-dropdown` class to set select to month and year from the drodown.

To use add `.pickadate-events` class to check events in the console.

To use `.datepicker` class to change Native calendar of Disable picker.

To use add `.pickatime` class for Default PickaDate Picker.

To use add `.pickadate-clear-buttons` class to hide clear button from calendar.

To use add `.pickatime-minmax-range` class for maximum starting time and minimum ending time.

Use `.pickadate-change-format` class to change time and date display formats.

To use `.pickatime-format-label` class to display time label format.

Use `.pickatime-formatTime-display` class to display time format.

To use add `.pickatime-disable` for disable set of time.

To use add `.pickatime-intervals` class to display time in Intervals.

To use add `.pickatime-timedisable-object` class and using objects as a range of times

To use add `.pickatime-timedisable-integer` class and using integers as hours (0 to 23)

Just add class `.pickatime-disable-all`

To use add `.pickatime-closeuser-action` class and use for When a time is selected or the "clear" button is pressed, the picker closes.

To use add just `pickatime-events` and to verify open console.