# #134 Date Range Picker

- URL: https://superails.com/posts/rails-7-134-date-range-picker
- Published: 2023-05-29
- Duration: 12:19
- Access: free

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

## Chapters

- 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