)
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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to add Current month selection in DatePicker widget?

Platform: Dashboard Platform |
Control: Dashboard Widgets |
Published Date: February 14, 2018 |
Last Revised Date: May 6, 2019

Steps for setting current month selection in the Date picker:

You can add the current month item in the date picker by adding the relative dates collection. To add relative dates in the date picker, choose the Selection Type as Range from the properties tab window.

Selection Type set as Range

 

After choosing Selection Type as Range, the relative dates menu will be enabled in the schema setting button.

Click the settings option and find the Relative Dates option

In the launched “Relative Date Option” window, configure the relative date and click Add. Repeat this process until the required set of relative dates are added. You can include the current month item in the relative dates collection by using the following steps:

  1. Choose Current and Month(s) option in the Relative Date Options window.

  Select Current and Months in Relative Date option window  

 

  1. Click Add to include the relative date option.

Click add buttom

  1. Click Apply. The configured relative date option will be listed in the date picker widget.

 

  1. Click calendar icon and select the Current Month to display in the calendar.

  Select the added Relative Date Current Months

 

  1. Choose Custom to view dates of the current month.

Select the Custom option  

  1. Dates in calendar will be enabled if the connected data source contains data for current month. Otherwise, you can enable dates in the calendar by disabling Limit Dates property in properties tab.

Current month data displayed in Datepicker 

 

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
Live Chat Icon