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: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to add Current month selection in DatePicker widget?

The following are the steps that illustrate the process of 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.

 

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

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.

               

 

  1. Click Add to include the relative date option.

  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.

  

 

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

  

  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.

 

 

Article ID: Published Date: Last Revised Date: Platform: Control:
8432 02/14/2018 02/14/2018 Dashboard Platform Dashboard Widgets
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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