Search results

Show Dates of Other Months

The following code demonstrates how to show dates of other months.

Using the styles below, you can bring the dates of other months to visibility from its hidden state.

@using Syncfusion.EJ2.Blazor.Calendars

<EjsCalendar></EjsCalendar>

<style>
    .e-control.e-calendar {
        max-width: 260px;
    }
    .e-calendar .e-content tr.e-month-hide,
    .e-calendar .e-content td.e-other-month>span.e-day {
        display: block;
    }

    .e-calendar .e-content td.e-month-hide,
    .e-calendar .e-content td.e-other-month {
        pointer-events: auto;
        touch-action: auto;
    }
</style>

The output will be as follows.

calendar