flatpickr

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

Installation

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
//
// Locales can be included as well:
//= require flatpickr/l10n/da

flatpickr('.your-selector');

// if using jQuery
// $('.your-selector').flatpickr();

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

flatpickr('.your-selector', {
  enableTime: true,
  plugins: [
    new confirmDatePlugin({})
  ]
})

See flatpickr's docs for configuration and usage info.

License

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