Timespan - Basic usage
Timespan - Day/Hour/Minute span
Timespan - Steps
Timespan - Event handlers
React Timespan demo with event hooks for custom integration and functionality. With source code. For React and Ionic React.
Timespan - Display modes
React Timespan picker with top, bottom slide up, popup, center, modal, bubble and inline embeddable display. For React and Ionic React.
Timespan - Theming capabilities
The look and feel of the timespan can be deeply customized. There are four levels of customization:
- Base themes: Choose between
Android Material and
- Light or dark: Every theme has a
dark variant. Setting the
'auto' will switch based on system settings.
- Custom themes: Use the theme builder to customize the colors and make it match your brand.
- Custom CSS: If you need further customization, the sky is the limit with CSS overrides.
You can also see how every example looks by changing the theme from the header.
Looking for something you didn't see or have a sales question?
Ask us about it, we're here to help.