We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to do Initial Filter in DatePicker?

Platform: Dashboard Platform |
Control: Dashboard Widgets |
Published Date: July 30, 2018 |
Last Revised Date: May 8, 2019

Follow the below steps to achieve the initial selection in the Date picker

  1. Drag and drop the date picker into designer canvas and bind the data.

To learn more about this, refer to the following link:

https://help.syncfusion.com/dashboard-platform/dashboard-designer/compose-dashboard/configuring-and-formatting-dashboard-widgets/date-picker

 

  1. Set the selection type in properties pane to perform initial selection.

To select a single value, choose the selection type as single.

To select a set of range, choose the selection type as range.

 

Selection type as single

  1.  Switch to the Properties pane and set the Selection Type as Single.

Selection Type set as Single

  1. Click the highlighted icon in the date picker. The following pop-up will open. Now, you can select any date as desired.

Open the popup and select the desired date in Datepicker

  1. Preview the dashboard as follows.

 

Designer preview with Datepicker initial selection

Selection type as range

  1. Switch to the Properties pane and set the Selection Type as Range.

Selection Type set as Range

  1. Click the icon in the date picker. The following pop-up will open. Now, you can select the range as initial selection by selecting start and end dates.

Open the popup and select the desired dates in Datepicker

  1. Preview the dashboard as follows.

Designer preview with Datepicker initial selection

 

 

You can also configure the relative dates and custom relative dates to the date picker. To configure, go through the following links.

For relative dates: https://help.syncfusion.com/dashboard-platform/dashboard-designer/compose-dashboard/configuring-and-formatting-dashboard-widgets/date-picker#how-to-configure-relative-dates-to-date-picker

For custom relative dates: https://help.syncfusion.com/dashboard-platform/dashboard-designer/compose-dashboard/configuring-and-formatting-dashboard-widgets/date-picker#how-to-configure-custom-relative-dates-to-date-picker

 

 

 

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile