Angular Calendar Week Picker Example

Week selection can be configured by setting the select to 'preset-range'.

Control the parameters of the selection:

Define the first day of the selection - Set it in the firstSelectDay option. It can be different than the firstDay of the week set in localization
Define the number of days - The selectSize option can be any number, where 3 means three days, 7 means a week and 14 means two weeks

Looking to select a range with custom start/end dates? See how start/end selection works →

First day of the selection

Su Mo Tu We Th Fr Sa

Number of weeks

One week Two weeks Three weeks

<mbsc-datepicker
    [controls]="['calendar']"
    select="preset-range"
    [firstSelectDay]="1"
    [selectSize]="7">
</mbsc-datepicker>

Duplicate Session

You have signed in on a different machine. To keep everything in sync, you have been signed out of this session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.

We noticed you are logged in on a different machine and have closed your old session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.