Feature Request: Calendar Week picker?

[Bernd]

Hi all,

in the combination of Schedule and Date-Picker, it would be great to enhance the date picker to pick a calendar week, when the scheduler shows one of the Week-Views.
It also would be great if the DatePicker would offer this feature also in standalone-mode (as we currently have a customized header of the Schedule).

The calendar-week should have an extra behaviour: 

- in the regular modes you can pick the day, the month and the year. 

- in "calendar week" mode you should pick calendar week and year

best regards,

Bernd

[Sureshkumar P]

Hi Bernd, 

 

Greetings from Syncfusion support. 

 

In our datepicker component does not support multiple selection. This is the intended behavior of the component. so, we suggest you use our calendar component with multiselection feature to achieve your requirement.  

 

We have created the sample with calendar component to select workweek or week selection by using moment functionality. Please find the sample here: https://stackblitz.com/edit/angular-73t2nw-5hozhj?file=app.component.ts  

 

Regards, 

Sureshkumar P 

[Bernd]

Hi - thanks for the quick reply.

sorry, I did not describe my feature-request well - I did not mean to select multiple days but to create a "week-picker" similar to your month-picker described in the examples here:

https://ej2.syncfusion.com/angular/demos/#/material/datepicker/month-picker

In this "week-picker", instead of twelve Months you would select one of 53 weeks 

Example

- open Date - picker and you see - for 2020 - a view with 53 items:
01 02 03 04 05 06 07
...
51 52 53

pick one of the item and you get the starting date of the according week

Best regards,
Bernd

[Sureshkumar P]

Hi Bernd, 

 

Thanks for your update. 

 

As per our previous update. The datepicker does not support multiple date selection. So, we have suggested the calendar component. also, we cannot able to render the week numbers calendar as like month picker. But we can render the datepicker component days with week number. So, we suggest you use our datepicker component with week numbers to achieve your requirement.  

 

We have modified the sample based on your shared information. please find the sample below. In the below sample we can click the week number to update the first day of the week to the datepicker input element. 

Please find the sample here: https://stackblitz.com/edit/angular-73t2nw-3gtqoh?file=app.component.ts  

 

Regards, 

Sureshkumar P