Display Other Month Dates in Material Theme for ejs-datepicker

[techlandandyzhang]

I am using the Syncfusion ejs-datepicker component with the Material theme (material.css) and have encountered an issue where the dates from other months (e.g., the previous or next month) are not being displayed in the calendar popup. For example, in the attached screenshot of the July 2025 calendar, the dates from June (e.g., 29, 30) and August (e.g., 1, 2) are not visible or are hidden by default. I would like these "other month" dates (typically marked with the e-other-month class) to be displayed alongside the current month's dates, with the same visibility and styling as the current month (e.g., full opacity and clickable).

[Mallesh Ravi Chandran]

Hi techlandandyzhang , 

The behavior you're experiencing with the Datepicker in the Material theme is indeed the default design choice. In this theme, dates from previous and next months are typically hidden. This design focuses on a clean and minimalistic presentation, emphasizing the current month's dates to maintain clarity and ease of use.

Key Points:
Default Material Theme Behavior: The Material theme is designed to show only the current month's dates by default, which helps users focus on the active month without distractions from adjacent months.

Update Your Theme Reference: Consider using the Material3 theme as an alternative. This theme offers enhanced styling capabilities and might accommodate your preference for displaying adjacent month dates more effectively.

Sample : https://stackblitz.com/edit/rwyoe5pk-jvkxa2lf?file=index.html

Switching to the Material3 theme could offer a design that's more aligned with your needs , we have also provided simple sample for your reference .