@maggioli-design-system/mds-calendar NPM

mds-calendar

Properties

Property	Attribute	Description	Type	Default
`endDate`	`end-date`	Specifies the end date of the selection	`null \\| string`	`null`
`max`	`max`	Specifies the minimum date of the selection	`null \\| string`	`null`
`min`	`min`	Specifies the minimum date of the selection	`null \\| string`	`null`
`rangePicker`	`range-picker`		`boolean`	`true`
`startDate`	`start-date`	Specifies the start date of the selection	`null \\| string`	`null`

Events

Event	Description	Type
`mdsCalendarChange`		`CustomEvent<{ startDate: string; endDate?: string \\| undefined; }>`
`mdsCalendarPreselect`		`CustomEvent<void>`

Methods

`updateCurrentDate(date: string) => Promise<void>`

Parameters

Name	Type	Description
`date`	`string`

Returns

Type: Promise<void>

`updateLang() => Promise<void>`

Returns

Type: Promise<void>

Dependencies

Used by

Depends on

Graph

graph TD;
  mds-calendar --> mds-button
  mds-calendar --> mds-calendar-cell
  mds-button --> mds-spinner
  mds-button --> mds-icon
  mds-button --> mds-text
  mds-calendar-cell --> mds-button
  mds-input-date --> mds-calendar
  mds-input-date-range --> mds-calendar
  style mds-calendar fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department

@maggioli-design-system/styles @maggioli-design-system/mds-calendar-cell @stencil/core clsx luxon

@maggioli-design-system/mds-input-date @maggioli-design-system/mds-input-date-range

1.0.1

1 year ago

1.0.0

1 year ago