Comment on page
Input Date Range
A combination select and input field to select two dates.
The Input Date Range component allows the user to input and displays a range of dates. It typically consists of two input fields, one for the start date and one for the end date, along with a calendar icon or button that, when clicked, opens a calendar interface for selecting the desired dates. The user can then choose the desired start and end dates by clicking on them or by manually entering them into the input fields.
The Input Date Range component is often used where the user needs to input a specific range of dates. It can be beneficial in scenarios where the user needs to input a range of dates in the future or the past, as it allows them to quickly navigate to and select the desired dates without manually entering them into the input fields.
The Input Date Range component may include features such as time zone selection, marked dates and formatting options for the displayed dates.
The Label field allows you to enter text to display for the Input Date range.
You can choose between Time and DateTime type for the Input Date Range. DateTime allows the end-users to specify a date and a time
3 different date format are available to customize the look and feel of the date and time displayed. You can choose from Short, Medium and Long.
Date and Time Labels can be customized if needed. For example, you can add Date Labels like From / To.
Here are the available Actions for the Input Date Range component:
The event fired when the value changed.
From the Styles panel, you can customize styling attributes for the Input Date Range:
Header: to customize main label text
Label: to customize Date / Time labels
Last modified 5mo ago