Gem Version

Flatpickr is a lightweight and powerful datetimepicker with no dependencies. This gem packages flatpickr's assets for drop-in use in Rails applications.


Add this line to your application's Gemfile:

gem 'flatpickr'

And then execute:

$ bundle

In your application.css, add the following:

*= require flatpickr

/* Optionally, you can include any of the flatpickr themes by adding in their styles, like so: */
*= require flatpickr/themes/dark

And in your application.js:

//= require flatpickr

document.addEventListener('DOMContentLoaded', function() {

Using Plugins

Flatpickr provides plugins which expand the library's functionality. To include the confirmDate plugin, for example, you must require the necessary assets and specify the plugin during initialization:

In your application.css:

*= require flatpickr
*= require flatpickr/plugins/confirmDate/confirmDate

In application.js:

//= require flatpickr
//= require flatpickr/plugins/confirmDate/confirmDate

document.addEventListener('DOMContentLoaded', function() {
  flatpickr('.your-selector', {
    enableTime: true,
    plugins: [
      new confirmDatePlugin({})

See flatpickr's official docs for more configuration and usage details.


The gem is available as open source under the terms of the MIT License.