Range picker
Reports and filters: presets for the common spans, two months for everything else.
Get Pro to installPro6 blocksReact, Vue and Figma
February 2026
MONTUEWEDTHUFRISATSUN
March 2026
MONTUEWEDTHUFRISATSUN
More in Date Picker blocks#
When to use#
- A form field whose value is a calendar day and the reader knows roughly which one.
- A report filter where the common answers are spans: last week, this month, last quarter.
- Booking, where availability differs day by day and the grid has to show which days still have room.
- A field where the neighbouring days carry information: days already committed, days blacked out.
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.
