Date Range Picker All examples

Import a browser module

Use a relative module import to run the picker directly in the browser. This example lets a visitor choose the start and end times of a booking.

Try it

Complete example

Save the HTML as index.html beside daterangepicker.css and daterangepicker.mjs. Serve the folder over HTTP.