Rails 7 #134 Date Range Picker

29/05/2023 (11 months ago)

Daterangepicker is an ultra popular library. Unfortunately, it depends on jQuery. Luckily, there is a re-write that uses vanilla JS: vanilla-datetimerange-picker.

Let's integrate DateRange picker into a Rails app and make search work!

Episode source code: https://github.com/corsego/134-daterangepicker-rails/commit/b03c27b23f288ddb93bba027d20b7e16c81a3784
Based on this blogpost: https://blog.corsego.com/datarangepicker-js-ransack

0:00 DateRangePicker demo
1:00 import DateRangePicker directly
1:49 store CSS and JS in correct locations
4:15 search form
6:20 search query
9:45 customize the DateRangePicker

Sign in to join the conversation