Syncfusion AI Assistant

How can I help you?

Set clear button in calendar in TypeScript Calendar control

To configure clear button in Calendar UI, do the following:

  1. To the created event of the Calendar, add the required elements to make clear button visible. In the following example, Essential® JS 2 button component within div element is used.

  2. When the e-footer class is used, the div tag acts as the footer.

  3. Using these button, selected date can be cleared.

  4. Bind the required event handler to the button tags to update the value.

Code example is as follows: