Documentation
Examples
Changelog
Page templates
Settings
Forms
Select menus
Text fields
Clipboard
Date and time
File upload
Option selection
Date and time
Use these date and time examples for scheduling, booking, billing, and reports where people pick dates, ranges, times, or preset periods.
Single date
Preview
Code
Select a date
Date range
Preview
Code
Check-in date
Check-out date
With actions
Preview
Code
Select a date
With time section
Preview
Code
Pick a time slot
With time field
Preview
Code
Select a date
With price per date
Preview
Code
Select a date
With selection presets
Preview
Code
Select a date
With disabled dates
Preview
Code
Select a date
Professionally crafted React & Figma components for building beautiful products or starting your own design system
Documentation
Overview
Design tokens
Theming playground
Resources
Changelog
Roadmap
Blog
Checklist
Built with Reshaped in Amsterdam ❤️
Contact us
·
© Reshaped 2026