I have been looking for a date range picker and found that mudblazor and some other UI libraries implement, I would prefer to not import another UI library just for one component.
Are there any plans on supporting a basic yet important date range picker component?
I saw that the discussion has already happened PullRequest, so I just wanted to check on the status of it?
Our recommendation is still to use two separate DatePicker components for start and end dates.
I solved this by using a two seperate DatePicker components like your suggestion but added a splitbutton to the right like so:
When user clicks the arrow a menu appears with some values like: 'Today', 'Last year' and so on.
When user clicks the search button an EventCallback is fired.
Hope this helps others in search for the same solution.
2 Likes
Could you kindly confirm if you have any plans to implement a date range picker in the near future?
1 Like
At the moment we don’t have plans however we accept pull requests.
Are you still open to pull requests making this as a component or maybe a set of instruction to create this as a component out of existing components?
I think this is a feature that's needed, and I'm actually a little surprised it isn't already supported.
You already have multiple date selection with Multiple="true", but the current UX isn't ideal. Users don't want to sit there clicking every individual date in a range. They simply want to select the start date and the end date.
The control could then highlight all the dates in between with the existing CSS styling, while internally still exposing the selected dates as an array. That gives the best of both worlds: a much better user experience without changing the underlying data model.
I imagine this could be implemented with something like:
Multiple="true"
SelectionType="Individual | Range"
Where SelectionType="Individual" preserves the current behaviour, and SelectionType="Range" allows users to select a start and end date while automatically populating the dates in between.