Feature Request - DatePicker w/ Quick Selects & Range Selects #136

Open
opened 2026-01-29 17:32:08 +00:00 by claunia · 2 comments
Owner

Originally created by @techtravis on GitHub (Jun 23, 2021).

Is your feature request related to a problem? Please describe.
Need a way to select a date range or quick select a predefined date based off current day.
Today, Yesterday, Current Week, Current Month, ect

Describe the solution you'd like
Expand the feature set of the DatePicker

Describe alternatives you've considered
Use the Dropdown list to give users the quick select options, show/hide date picker(s) based on quick select option selection.

Additional context
It would be really useful if one of the options of the DatePicker were to provide Quick Selects or the ability to select a range.

If your familiar with Slack I think they do an excellent job with this.
DateQuickSelect
range

Originally created by @techtravis on GitHub (Jun 23, 2021). **Is your feature request related to a problem? Please describe.** Need a way to select a date range or quick select a predefined date based off current day. Today, Yesterday, Current Week, Current Month, ect **Describe the solution you'd like** Expand the feature set of the DatePicker **Describe alternatives you've considered** Use the Dropdown list to give users the quick select options, show/hide date picker(s) based on quick select option selection. **Additional context** It would be really useful if one of the options of the DatePicker were to provide Quick Selects or the ability to select a range. If your familiar with Slack I think they do an excellent job with this. ![DateQuickSelect](https://user-images.githubusercontent.com/2440429/123145333-b9737a80-d42a-11eb-9c1d-a92ae1c987ac.png) ![range](https://user-images.githubusercontent.com/2440429/123145336-baa4a780-d42a-11eb-9338-d9f75e2793cb.png)
claunia added the enhancement label 2026-01-29 17:32:08 +00:00
Author
Owner

@taylorchasewhite commented on GitHub (May 19, 2024):

For easy of reading I figure I will copy my notes/thoughts/desires below to help advocate for this:

  1. I'd like to make it easy for a user to click and drag to select a range of dates.
  2. Currently I need to either:
    1. render two DatePicker components side by side
    2. use a second component library that offers such a component but doesn't match with Radzen's nice look.

Describe the solution you'd like
Add DateRangePicker that binds to StartDate & EndDate and has the same args as DatePicker.

A good example of this is this React implementation https://hypeserver.github.io/react-date-range/:

image

Quick options on the left side are a nice touch but not necessary.

@taylorchasewhite commented on GitHub (May 19, 2024): For easy of reading I figure I will copy my notes/thoughts/desires below to help advocate for this: 1. I'd like to make it easy for a user to click and drag to select a range of dates. 2. Currently I need to either: 1. render two `DatePicker` components side by side 2. use a second component library that offers such a component but doesn't match with Radzen's nice look. **Describe the solution you'd like** Add `DateRangePicker` that binds to `StartDate` & `EndDate` and has the same args as `DatePicker`. A good example of this is this React implementation [https://hypeserver.github.io/react-date-range/](https://hypeserver.github.io/react-date-range/): <img width="479" alt="image" src="https://github.com/radzenhq/radzen-blazor/assets/3686217/079876f9-e7f4-449e-8ae2-58c25d24df72"> Quick options on the left side are a nice touch but not necessary.
Author
Owner

@Owenll66 commented on GitHub (Feb 28, 2025):

Date range picker would be very handy! Is there any update on this?

@Owenll66 commented on GitHub (Feb 28, 2025): Date range picker would be very handy! Is there any update on this?
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#136