igniteui-webcomponents 2.2.0-beta.0 → 2.2.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -10,13 +10,16 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
10
10
|
### Added
|
|
11
11
|
|
|
12
12
|
- Drop Down component
|
|
13
|
+
- Calendar: Active date can be set via an attribute
|
|
13
14
|
|
|
14
15
|
## [2.1.1] - 2022-03-15
|
|
15
16
|
|
|
16
17
|
### Added
|
|
18
|
+
|
|
17
19
|
- Control border radius and elevation from `--igc-radius-factor` and `--igc-elevation-factor`:
|
|
18
20
|
|
|
19
21
|
Example:
|
|
22
|
+
|
|
20
23
|
```css
|
|
21
24
|
/* Make all components square and remove all shadows */
|
|
22
25
|
:root {
|
|
@@ -61,7 +61,11 @@ __decorate([
|
|
|
61
61
|
property({ attribute: 'week-start' })
|
|
62
62
|
], IgcCalendarBaseComponent.prototype, "weekStart", void 0);
|
|
63
63
|
__decorate([
|
|
64
|
-
|
|
64
|
+
blazorSuppress(),
|
|
65
|
+
property({
|
|
66
|
+
attribute: 'active-date',
|
|
67
|
+
converter: (value) => (value ? new Date(value) : new Date()),
|
|
68
|
+
})
|
|
65
69
|
], IgcCalendarBaseComponent.prototype, "activeDate", void 0);
|
|
66
70
|
__decorate([
|
|
67
71
|
property()
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,KAAK,GACN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAuB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAO/B,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAAxD;;QACY,kBAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QAoClC,cAAS,GAAoC,QAAQ,CAAC;QAItD,oBAAe,GAAG,KAAK,CAAC;QAIxB,cAAS,GAOC,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,KAAK,GACN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAuB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAO/B,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAAxD;;QACY,kBAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QAoClC,cAAS,GAAoC,QAAQ,CAAC;QAItD,oBAAe,GAAG,KAAK,CAAC;QAIxB,cAAS,GAOC,QAAQ,CAAC;QAQnB,eAAU,GAAG,IAAI,IAAI,EAAE,CAAC;QAIxB,WAAM,GAAG,IAAI,CAAC;IAmBvB,CAAC;IARW,eAAe;QACvB,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrE,CAAC;IAGS,eAAe;QACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,CAAC;CACF,CAAA;AAtEC;IANC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7C,CAAC;KACF,CAAC;uDACkB;AAoBpB;IAbC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,SAAS,CAAC;aAClB;YACD,OAAO,KAAK;iBACT,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;iBACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;iBAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;KACF,CAAC;wDACqB;AAIvB;IADC,QAAQ,EAAE;2DACkD;AAI7D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iEAC5C;AAI/B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2DAQZ;AAQ1B;IALC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,aAAa;QACxB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;KAC7D,CAAC;4DAC6B;AAI/B;IADC,QAAQ,EAAE;wDACU;AAIrB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+DACc;AAI7C;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8DACa;AAG5C;IADC,KAAK,CAAC,WAAW,CAAC;+DAGlB;AAGD;IADC,KAAK,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;+DAGlD;AAlFU,wBAAwB;IADpC,oBAAoB;GACR,wBAAwB,CAmFpC;SAnFY,wBAAwB","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n blazorIndirectRender,\n blazorSuppress,\n watch,\n} from '../../common/decorators';\nimport { Calendar, DateRangeDescriptor } from './calendar.model';\nimport { getWeekDayNumber } from './utils';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n igcChange: CustomEvent<Date | Date[]>;\n}\n\n@blazorIndirectRender\nexport class IgcCalendarBaseComponent extends LitElement {\n protected calendarModel = new Calendar();\n\n /**\n * Тhe current value of the calendar.\n * Used when selection is set to single.\n */\n @blazorSuppress()\n @property({\n converter: (value) => {\n return value ? new Date(value) : undefined;\n },\n })\n public value?: Date;\n //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n /**\n * Тhe current values of the calendar.\n * Used when selection is set to multiple or range.\n */\n @blazorSuppress()\n @property({\n converter: (value) => {\n if (!value) {\n return undefined;\n }\n return value\n .split(',')\n .map((v) => v.trim())\n .filter((v) => v)\n .map((v) => new Date(v));\n },\n })\n public values?: Date[];\n\n /** Sets the type of date selection. */\n @property()\n public selection: 'single' | 'multiple' | 'range' = 'single';\n\n /** Show/hide the week numbers. */\n @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n public showWeekNumbers = false;\n\n /** Sets the start day of the week. */\n @property({ attribute: 'week-start' })\n public weekStart:\n | 'sunday'\n | 'monday'\n | 'tuesday'\n | 'wednesday'\n | 'thursday'\n | 'friday'\n | 'saturday' = 'sunday';\n\n /** Sets the date which is shown in view and is highlighted. By default it is the current date. */\n @blazorSuppress()\n @property({\n attribute: 'active-date',\n converter: (value) => (value ? new Date(value) : new Date()),\n })\n public activeDate = new Date();\n\n /** Sets the locale used for formatting and displaying the dates in the calendar. */\n @property()\n public locale = 'en';\n\n /** Gets/sets disabled dates. */\n @property({ attribute: false })\n public disabledDates!: DateRangeDescriptor[];\n\n /** Gets/sets special dates. */\n @property({ attribute: false })\n public specialDates!: DateRangeDescriptor[];\n\n @watch('weekStart')\n protected weekStartChange() {\n this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionChange() {\n this.value = undefined;\n }\n}\n"]}
|
package/custom-elements.json
CHANGED
|
@@ -564,6 +564,12 @@
|
|
|
564
564
|
"type": "\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"",
|
|
565
565
|
"default": "\"sunday\""
|
|
566
566
|
},
|
|
567
|
+
{
|
|
568
|
+
"name": "active-date",
|
|
569
|
+
"description": "Sets the date which is shown in view and is highlighted. By default it is the current date.",
|
|
570
|
+
"type": "Date",
|
|
571
|
+
"default": "\"new Date()\""
|
|
572
|
+
},
|
|
567
573
|
{
|
|
568
574
|
"name": "locale",
|
|
569
575
|
"description": "Sets the locale used for formatting and displaying the dates in the calendar.",
|
|
@@ -678,6 +684,7 @@
|
|
|
678
684
|
},
|
|
679
685
|
{
|
|
680
686
|
"name": "activeDate",
|
|
687
|
+
"attribute": "active-date",
|
|
681
688
|
"description": "Sets the date which is shown in view and is highlighted. By default it is the current date.",
|
|
682
689
|
"type": "Date",
|
|
683
690
|
"default": "\"new Date()\""
|
|
@@ -832,6 +839,12 @@
|
|
|
832
839
|
"type": "\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"",
|
|
833
840
|
"default": "\"sunday\""
|
|
834
841
|
},
|
|
842
|
+
{
|
|
843
|
+
"name": "active-date",
|
|
844
|
+
"description": "Sets the date which is shown in view and is highlighted. By default it is the current date.",
|
|
845
|
+
"type": "Date",
|
|
846
|
+
"default": "\"new Date()\""
|
|
847
|
+
},
|
|
835
848
|
{
|
|
836
849
|
"name": "locale",
|
|
837
850
|
"description": "Sets the locale used for formatting and displaying the dates in the calendar.",
|
|
@@ -919,6 +932,7 @@
|
|
|
919
932
|
},
|
|
920
933
|
{
|
|
921
934
|
"name": "activeDate",
|
|
935
|
+
"attribute": "active-date",
|
|
922
936
|
"description": "Sets the date which is shown in view and is highlighted. By default it is the current date.",
|
|
923
937
|
"type": "Date",
|
|
924
938
|
"default": "\"new Date()\""
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-webcomponents",
|
|
3
|
-
"version": "2.2.0-beta.
|
|
3
|
+
"version": "2.2.0-beta.1",
|
|
4
4
|
"description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
|
|
5
5
|
"author": "Infragistics",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -32,18 +32,26 @@
|
|
|
32
32
|
"button",
|
|
33
33
|
"calendar",
|
|
34
34
|
"card",
|
|
35
|
+
"circular progress",
|
|
35
36
|
"checkbox",
|
|
37
|
+
"chip",
|
|
38
|
+
"dropdown",
|
|
36
39
|
"form",
|
|
37
40
|
"icon",
|
|
38
41
|
"input",
|
|
42
|
+
"linear progress",
|
|
39
43
|
"list",
|
|
40
44
|
"mask",
|
|
41
45
|
"navbar",
|
|
42
46
|
"navdrawer",
|
|
47
|
+
"progress",
|
|
43
48
|
"range slider",
|
|
44
49
|
"radio",
|
|
50
|
+
"rating",
|
|
51
|
+
"snackbar",
|
|
45
52
|
"switch",
|
|
46
|
-
"slider"
|
|
53
|
+
"slider",
|
|
54
|
+
"toast"
|
|
47
55
|
],
|
|
48
56
|
"dependencies": {
|
|
49
57
|
"@floating-ui/dom": "^0.4.0",
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
},
|
|
278
278
|
{
|
|
279
279
|
"name": "igc-calendar",
|
|
280
|
-
"description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n * ` ` {} - The default slot for the calendar.\n\n * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visible-months` {`number`} - The number of months displayed in days view.\n\n * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `tagName` {`\"igc-calendar\"`} - \n\n * `formatterMonth` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `formatterMonthDay` {`DateTimeFormat`} - \n\n * `rangePreviewDate` {`Date | undefined`} - \n\n * `activeDaysViewIndex` {`number`} - \n\n * `daysViews` {`NodeList`} - \n\n * `monthsView` {`IgcMonthsViewComponent`} - \n\n * `yearsView` {`IgcYearsViewComponent`} - \n\n * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `yearPerPage` {`15 | 18`} - \n\n * `previousButtonLabel` {`string`} - \n\n * `nextButtonLabel` {`string`} - \n\n * `handleKeyDown` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
|
|
280
|
+
"description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n * ` ` {} - The default slot for the calendar.\n\n * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hide-header` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visible-months` {`number`} - The number of months displayed in days view.\n\n * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `tagName` {`\"igc-calendar\"`} - \n\n * `formatterMonth` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `formatterMonthDay` {`DateTimeFormat`} - \n\n * `rangePreviewDate` {`Date | undefined`} - \n\n * `activeDaysViewIndex` {`number`} - \n\n * `daysViews` {`NodeList`} - \n\n * `monthsView` {`IgcMonthsViewComponent`} - \n\n * `yearsView` {`IgcYearsViewComponent`} - \n\n * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hideHeader` {`boolean`} - Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.\n\n * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `yearPerPage` {`15 | 18`} - \n\n * `previousButtonLabel` {`string`} - \n\n * `nextButtonLabel` {`string`} - \n\n * `handleKeyDown` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
|
|
281
281
|
"attributes": [
|
|
282
282
|
{
|
|
283
283
|
"name": "hide-outside-days",
|
|
@@ -404,6 +404,10 @@
|
|
|
404
404
|
}
|
|
405
405
|
]
|
|
406
406
|
},
|
|
407
|
+
{
|
|
408
|
+
"name": "active-date",
|
|
409
|
+
"description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
|
|
410
|
+
},
|
|
407
411
|
{
|
|
408
412
|
"name": "locale",
|
|
409
413
|
"description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
|
|
@@ -416,7 +420,7 @@
|
|
|
416
420
|
},
|
|
417
421
|
{
|
|
418
422
|
"name": "igc-days-view",
|
|
419
|
-
"description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `dates` {`ICalendarDate[][]`} - \n\n * `activeDay` {`HTMLElement`} - \n\n * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `isSingleSelection` {`boolean`} - \n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
|
|
423
|
+
"description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `dates` {`ICalendarDate[][]`} - \n\n * `activeDay` {`HTMLElement`} - \n\n * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `isSingleSelection` {`boolean`} - \n\n * `calendarModel` {`Calendar`} - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
|
|
420
424
|
"attributes": [
|
|
421
425
|
{
|
|
422
426
|
"name": "hide-leading-days",
|
|
@@ -505,6 +509,10 @@
|
|
|
505
509
|
}
|
|
506
510
|
]
|
|
507
511
|
},
|
|
512
|
+
{
|
|
513
|
+
"name": "active-date",
|
|
514
|
+
"description": "`active-date` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\nProperty: activeDate\n\nDefault: new Date()"
|
|
515
|
+
},
|
|
508
516
|
{
|
|
509
517
|
"name": "locale",
|
|
510
518
|
"description": "`locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperty: locale\n\nDefault: en"
|