When the DateRangePicker has value, opening the popup to select a new start date results in automatically closing the popup if the new start date is before the end date. Thus, the user cannot easily change the end date.

Up to 6.0.2 the popup remained opened regardless of the selected start date.

Current vs previous behavior: https://app.screencast.com/4b0iAZsC47SSe.

It is a common and desirable feature to be able to select predefined custom date ranges such as Today, Yesterday, Last Week, Last Month, etc.

This could easily be implemented in the current DateRangePicker if additional templates were provided, such a FooterTemplate, or StartTemplate / EndTemplate. That would allow the customer the most flexibility to implement this or other.

Putting these actions into a separate dropdown outside the date range picker is not ideal from the UX perspective.

 

 

Currently the DateRangePicker popup shows months like this:

• If there is a selected start date, it will appear in the left month in the popup.
• If there are no selected start/end dates, the component will show the current month and the next month.

The second case is fine when the current months are valid for selection (this depends on the Min and Max settings). However, if they are not, the user is presented with disabled months with no clear indication whether the valid date range is in the past or in the future, and how far away.

So, please expose a setting to set which month should display instead of the current month.

(Related to item Review DateRangePicker UX)

After an upgrade, I have a DateRangePicker bind to null values, and the dates showed when opening the drop-down date selector are "January 1900 - February 1900". Previously (in 3.3), it was showing the current month and year.

It seems that a bug was introduced in 3.4.

Hello,

The DateRangePicker has a few behavior specifics that may not be convenient or intuitive for all users:

• When a new StartDate is set, the component clears the EndDate.
• Depending on the current month view and selection, the user may not be sure if they are about to select a new StartDate or EndDate. For example, if a StartDate is already selected, and the user selects another earlier date, this will become the new StartDate, but the previous StartDate will be cleared, instead of becoming the EndDate.
• Keep the DateRangePicker Calendar popup open when the user selects a new Start date, which is before the current one.

Hello,

Having one textbox and one label would be great. Please consider it.

After the 3.1 update, the OnChange event no longer fires. It fires only on Enter key press.

See this REPL link.

Good morning,

we need the possibility to simply change Start and End picker title/text values.

`StartTitle` and `EndTitle` could be two very appreciated properties to customize the component, in order to make also custom translations.

 

Thank you

Hi,

I would like to have the ability to select time in addition to the date range in a blazor component (start time for start date, and end time for end date).

Do you intend to add this feature on your current component?

Thank you.

Recently I used your DateRagePicker component

At that it is noticeable that the translation of its labels into German language went wrong.

Because "Start" - "End" is recognized as verb for the aim of translation.

Instead there should be used the nouns. 

Better it would be translated follows: Start --> Von    End --> Bis

 

 

Regards,

Özmen 

The attached screenshot clarifies more