Datepicker Admin & Dashboard Template
Admin template using Vanilla Calendar Pro
A Bootstrap 5 admin template with Vanilla Calendar Pro date and time pickers: single dates, multiple dates, ranges and times, following light and dark mode.
AdminKit uses Vanilla Calendar Pro for its calendars and date pickers: the dashboard calendar in both editions, and six input pickers on the Advanced Inputs page of AdminKit PRO. It is written in plain JavaScript, has no dependencies and follows AdminKit’s light and dark mode.
Updated:
Reusable UI elements
AdminKit PRO has 53 pages for dashboards, client pages, calendars and advanced forms, with integrated charts, tables and notifications.
Integrated JavaScript plugins
AdminKit PRO wires up 11 plugins: charts, calendars, date pickers, drag and drop, input masks, rich text editing and tables, styled for light and dark mode, none of them needing jQuery.
// Colors
$blue: #266ed8 !default;
$indigo: #0a0a0a !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #da2839 !default;
$orange: #fd7e14 !default;
$yellow: #fcb92c !default;
$green: #138161 !default;
$teal: #20c997 !default;
$cyan: #127d8e !default;
Branding and customization
With its Bootstrap 5 elements and configurable Sass variables, you can match AdminKit to your existing design system and HTML components.
AdminKit has reached 40,000+ free downloads
“Everything is so properly set up that any new additions I'd make would feel like a native extension of the theme versus a simple hack. I definitely feel like this will save me hundreds of hours I'd otherwise spend on designing.”
Frequently asked questions
Answers to common questions about AdminKit.
Which datepicker does AdminKit use?
Vanilla Calendar Pro 3, a date and time picker written in plain JavaScript without dependencies. AdminKit 4 replaced flatpickr with it.
Which pickers are included?
The free version uses Vanilla Calendar Pro for the dashboard calendar. The Advanced Inputs page of AdminKit PRO has six input pickers: a single date, multiple dates, a date with time, a range, a long "human-friendly" date and a time picker.
Does the datepicker support dark mode?
Yes. The pickers follow AdminKit's light and dark mode, also when it changes. The date picker docs show the setup.
Is Vanilla Calendar Pro free to use?
Yes. Vanilla Calendar Pro is MIT-licensed, including for commercial projects.
Can the pickers be localized?
Yes. Vanilla Calendar Pro takes a locale for month and weekday names and a first weekday option; the AdminKit examples start the week on Sunday.
Launch faster with professionally designed, customizable UI components
AdminKit PRO has ready-made dashboards, forms, tables, charts and application pages built on Bootstrap 5.
Get AdminKit PROLive preview