Hide weekends in datepicker

[Swati Thorali]

Hi,

I want to block/hide the weekends in calendar which is opened when clicked on datepicker icon at the start field

[Satheesh Kumar Balasubramanian]

You can use isDisabled property in the renderDayCell event of the DateTimePicker to disable the calendar weekends.

 

https://stackblitz.com/edit/angular-schedule-disable-weekends-datepicker?file=app.component.html,app.component.ts

https://ej2.syncfusion.com/angular/documentation/api/datetimepicker#renderdaycell

 

app.component.ts:

  public onPopupOpen(args: PopupOpenEventArgs) {

    if (args.type === 'Editor') {

      let dialog = (args.element as any).ej2_instances[0];

      dialog.open = (e) => {

        let startTimeObj =

          e.element.querySelector('#StartTime').ej2_instances[0];

        startTimeObj.renderDayCell = (args) => {

          /*Date need to be disabled*/

          if (args.date.getDay() === 0 || args.date.getDay() === 6) {

            args.isDisabled = true;

          }

        };

      };

    }

  }