# Calendar

# Calendar

The CpCalendar component returns an array of dates whatever the mode selected. You can add recurency by week between two dates.

TIP

It returns the event @dates with the array of dates like ['2020-01-01']

You can add recurency mode in desktop mode, you have to choose at least one day to validate the calendar.

# Multiple calendar

In case of multiple calendar on the same page, you can specify the id of each one with trigger-element-id prop.


  cp-calendar(trigger-element-id="calendarOne")

# Init dates

You can specify a pre selected date by passing the initDateOne prop.


  cp-calendar(init-date-one="2019-12-31")

# Label

You can add a label to the component with label prop.


  cp-calendar(label="calendar")

# Close after select

You can specify if the calendar has to close after select or not with closeAfterSelectprop.

TIP

It is false by default


  cp-calendar(:close-after-select="true")