Skip to content

Commit bbdf946

Browse files
authored
refactor(calendar): implement improved design and functionallity (#13650)
1 parent 50476ee commit bbdf946

File tree

92 files changed

+11656
-6665
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

92 files changed

+11656
-6665
lines changed

CHANGELOG.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,19 @@
22

33
All notable changes for each version of this project will be documented in this file.
44

5+
## 17.2.0
6+
### New Features
7+
- `IgxCalendar`
8+
- Completely revamped calendar themes.
9+
- New years view.
10+
- Updated months view.
11+
- Updated keyboard navigation and accessibility.
12+
- Added selection preview in range selection mode.
13+
- Added the ability to change the orientation of the calendar when multiple day views are present.
14+
- Replaced the `vertical` property with `orientation` that can be set to either `horizontal`(default) or `vertical`.
15+
- Standalone views support full-blown keyboard navigation, accessibility improvements and the ability to change pages automatically on keyboard navigation.
16+
- Standalone views now emit `pageChanged` event whenever the active view page changes.
17+
518
## 17.1.0
619
### New Features
720
- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`

package-lock.json

Lines changed: 8 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -61,16 +61,16 @@
6161
"@angular/compiler": "^17.2.1",
6262
"@angular/core": "^17.2.1",
6363
"@angular/forms": "^17.2.1",
64-
"@angular/platform-browser-dynamic": "^17.2.1",
6564
"@angular/platform-browser": "^17.2.1",
65+
"@angular/platform-browser-dynamic": "^17.2.1",
6666
"@angular/platform-server": "^17.2.1",
6767
"@angular/router": "^17.2.1",
6868
"@angular/ssr": "^17.2.0",
6969
"@igniteui/material-icons-extended": "^3.0.0",
7070
"@types/source-map": "0.5.2",
7171
"express": "^4.19.2",
7272
"fflate": "^0.8.1",
73-
"igniteui-theming": "^5.0.1",
73+
"igniteui-theming": "^6.0.1",
7474
"igniteui-trial-watermark": "^3.0.2",
7575
"lodash-es": "^4.17.21",
7676
"rxjs": "^7.8.0",
@@ -82,8 +82,8 @@
8282
"@angular-devkit/build-angular": "^17.2.0",
8383
"@angular-devkit/schematics": "^17.2.0",
8484
"@angular-eslint/builder": "^17.2.1",
85-
"@angular-eslint/eslint-plugin-template": "^17.2.1",
8685
"@angular-eslint/eslint-plugin": "^17.2.1",
86+
"@angular-eslint/eslint-plugin-template": "^17.2.1",
8787
"@angular-eslint/schematics": "^17.2.1",
8888
"@angular-eslint/template-parser": "^17.2.1",
8989
"@angular/cli": "^17.2.0",
@@ -105,39 +105,39 @@
105105
"eslint": "^8.53.0",
106106
"fs-extra": "^11.1.1",
107107
"globby": "^13.2.2",
108+
"gulp": "^4.0.2",
108109
"gulp-cached": "^1.1.1",
109110
"gulp-concat": "^2.6.1",
110111
"gulp-shell": "^0.6.5",
111112
"gulp-typescript": "^5.0.1",
112113
"gulp-uglify": "^3.0.1",
113-
"gulp": "^4.0.2",
114114
"hammer-simulator": "0.0.1",
115115
"hammerjs": "^2.0.8",
116116
"ig-typedoc-theme": "^5.0.3",
117117
"igniteui-sassdoc-theme": "^1.2.3",
118118
"igniteui-webcomponents": "^4.7.0",
119-
"jasmine-core": "~5.1.2",
120119
"jasmine": "^5.1.0",
120+
"jasmine-core": "~5.1.2",
121+
"karma": "^6.4.2",
121122
"karma-chrome-launcher": "~3.2.0",
122123
"karma-coverage": "^2.0.3",
123124
"karma-jasmine": "~5.1.0",
124125
"karma-junit-reporter": "^2.0.1",
125126
"karma-parallel": "^0.3.1",
126127
"karma-spec-reporter": "^0.0.36",
127-
"karma": "^6.4.2",
128128
"ng-packagr": "^17.2.0",
129-
"postcss-scss": "^4.0.6",
130129
"postcss": "^8.4.31",
130+
"postcss-scss": "^4.0.6",
131131
"puppeteer": "^22.1.0",
132132
"sass-embedded": "^1.69.1",
133133
"sass-true": "^6.0.1",
134-
"sassdoc-plugin-localization": "^1.4.3",
135134
"sassdoc": "^2.7.4",
136-
"stylelint-scss": "^4.1.0",
135+
"sassdoc-plugin-localization": "^1.4.3",
137136
"stylelint": "^15.1.0",
137+
"stylelint-scss": "^4.1.0",
138138
"ts-node": "^10.8.1",
139-
"typedoc-plugin-localization": "^3.0.4",
140139
"typedoc": "^0.25.3",
140+
"typedoc-plugin-localization": "^3.0.4",
141141
"typescript": "5.2.2"
142142
}
143143
}

projects/igniteui-angular-i18n/src/i18n/BG/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsBG_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Предходен месец',
66
igx_calendar_next_month: 'Следващ месец',
7+
igx_calendar_previous_year: 'Предходна година',
8+
igx_calendar_next_year: 'Следваща година',
9+
igx_calendar_previous_years: 'Предходни {0} години',
10+
igx_calendar_next_years: 'Следващи {0} години',
11+
igx_calendar_select_date: 'Избор на дата',
712
igx_calendar_select_month: 'Избор на месец',
813
igx_calendar_select_year: 'Избор на година',
914
igx_calendar_range_start: 'Начало на диапазона',
1015
igx_calendar_range_end: 'Край на диапазона',
16+
igx_calendar_range_label_start: 'Начало',
17+
igx_calendar_range_label_end: 'Край',
18+
igx_calendar_range_placeholder: 'Избери диапазон',
1119
igx_calendar_selected_month_is: 'Избраният месец е ',
1220
igx_calendar_first_picker_of: 'Първия селектор от {0} започва от',
1321
igx_calendar_multi_selection: 'Календар с множествен избор с {0} избирачи на дати',

projects/igniteui-angular-i18n/src/i18n/CS/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsCS_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Předchozí měsíc',
66
igx_calendar_next_month: 'Příští měsíc',
7+
igx_calendar_previous_year: 'Previous Year',
8+
igx_calendar_next_year: 'Next Year',
9+
igx_calendar_previous_years: 'Previous {0} Years',
10+
igx_calendar_next_years: 'Next {0} Years',
11+
igx_calendar_select_date: 'Select Date',
712
igx_calendar_select_month: 'Vyberte měsíc',
813
igx_calendar_select_year: 'Vyberte rok',
914
igx_calendar_range_start: 'Začátek dosahu',
1015
igx_calendar_range_end: 'Konec rozsahu',
16+
igx_calendar_range_label_start: 'Start',
17+
igx_calendar_range_label_end: 'End',
18+
igx_calendar_range_placeholder: 'Select Range',
1119
igx_calendar_selected_month_is: 'Vybraný měsíc je ',
1220
igx_calendar_first_picker_of: 'První výběr z {0} začíná od',
1321
igx_calendar_multi_selection: 'Kalendář s více výběry s {0} nástroji pro výběr data',

projects/igniteui-angular-i18n/src/i18n/DA/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsDA_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Forrige måned',
66
igx_calendar_next_month: 'Næste måned',
7+
igx_calendar_previous_year: 'Previous Year',
8+
igx_calendar_next_year: 'Next Year',
9+
igx_calendar_previous_years: 'Previous {0} Years',
10+
igx_calendar_next_years: 'Next {0} Years',
11+
igx_calendar_select_date: 'Select Date',
712
igx_calendar_select_month: 'Vælg måned',
813
igx_calendar_select_year: 'Vælg år',
914
igx_calendar_range_start: 'Interval start',
1015
igx_calendar_range_end: 'Interval slut',
16+
igx_calendar_range_label_start: 'Start',
17+
igx_calendar_range_label_end: 'End',
18+
igx_calendar_range_placeholder: 'Select Range',
1119
igx_calendar_selected_month_is: 'Den valgte måned er ',
1220
igx_calendar_first_picker_of: 'Første vælger af {0} starter fra',
1321
igx_calendar_multi_selection: 'Kalender med flere markeringer med {0} datovælgere',

projects/igniteui-angular-i18n/src/i18n/DE/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsDE_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Vorheriger Monat',
66
igx_calendar_next_month: 'Nächster Monat',
7+
igx_calendar_previous_year: 'Previous Year',
8+
igx_calendar_next_year: 'Next Year',
9+
igx_calendar_previous_years: 'Previous {0} Years',
10+
igx_calendar_next_years: 'Next {0} Years',
11+
igx_calendar_select_date: 'Select Date',
712
igx_calendar_select_month: 'Wähle Monat',
813
igx_calendar_select_year: 'Wähle Jahr',
914
igx_calendar_range_start: 'Datumsperiode Anfang',
1015
igx_calendar_range_end: 'Datumsperiode Ende',
16+
igx_calendar_range_label_start: 'Start',
17+
igx_calendar_range_label_end: 'End',
18+
igx_calendar_range_placeholder: 'Select Range',
1119
igx_calendar_selected_month_is: 'Der ausgewählter Monat ist ',
1220
igx_calendar_first_picker_of: 'Die erste Auswahl von {0} beginnt am',
1321
igx_calendar_multi_selection: 'Mehrfachauswahl-Kalender mit {0} Datumswählern',

projects/igniteui-angular-i18n/src/i18n/ES/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsES_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Mes anterior',
66
igx_calendar_next_month: 'Mes siguiente',
7+
igx_calendar_previous_year: 'Previous Year',
8+
igx_calendar_next_year: 'Next Year',
9+
igx_calendar_previous_years: 'Previous {0} Years',
10+
igx_calendar_next_years: 'Next {0} Years',
11+
igx_calendar_select_date: 'Select Date',
712
igx_calendar_select_month: 'Seleccionar mes',
813
igx_calendar_select_year: 'Seleccionar año',
914
igx_calendar_range_start: 'Inicio de rango',
1015
igx_calendar_range_end: 'Fin de rango',
16+
igx_calendar_range_label_start: 'Start',
17+
igx_calendar_range_label_end: 'End',
18+
igx_calendar_range_placeholder: 'Select Range',
1119
igx_calendar_selected_month_is: 'El mes seleccionado es ',
1220
igx_calendar_first_picker_of: 'El primer selector de {0} comienza en',
1321
igx_calendar_multi_selection: 'Calendario de selección múltiple con {0} selectores de fechas',

projects/igniteui-angular-i18n/src/i18n/FR/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsFR_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Le mois dernier',
66
igx_calendar_next_month: 'Le mois prochain',
7+
igx_calendar_previous_year: 'Previous Year',
8+
igx_calendar_next_year: 'Next Year',
9+
igx_calendar_previous_years: 'Previous {0} Years',
10+
igx_calendar_next_years: 'Next {0} Years',
11+
igx_calendar_select_date: 'Select Date',
712
igx_calendar_select_month: 'Sélectionner un mois',
813
igx_calendar_select_year: 'Sélectionner une année',
914
igx_calendar_range_start: 'Début de l\'intervalle',
1015
igx_calendar_range_end: 'Fin de l\'intervalle',
16+
igx_calendar_range_label_start: 'Start',
17+
igx_calendar_range_label_end: 'End',
18+
igx_calendar_range_placeholder: 'Select Range',
1119
igx_calendar_selected_month_is: 'Le mois sélectionné est ',
1220
igx_calendar_first_picker_of: 'Le premier sélecteur de {0} commence à partir de',
1321
igx_calendar_multi_selection: 'Calendrier à sélection multiple avec {0} sélecteurs de dates',

projects/igniteui-angular-i18n/src/i18n/HU/calendar-resources.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,18 @@ import { ICalendarResourceStrings } from 'igniteui-angular';
44
const CalendarResourceStringsHU_: ExpandRequire<ICalendarResourceStrings> = {
55
igx_calendar_previous_month: 'Előző hónap',
66
igx_calendar_next_month: 'Következő hónap',
7+
igx_calendar_previous_year: 'Previous Year',
8+
igx_calendar_next_year: 'Next Year',
9+
igx_calendar_previous_years: 'Previous {0} Years',
10+
igx_calendar_next_years: 'Next {0} Years',
11+
igx_calendar_select_date: 'Select Date',
712
igx_calendar_select_month: 'Hónap kiválasztása',
813
igx_calendar_select_year: 'Év kiválasztása',
914
igx_calendar_range_start: 'Tartomány kezdete',
1015
igx_calendar_range_end: 'Tartomány vége',
16+
igx_calendar_range_label_start: 'Start',
17+
igx_calendar_range_label_end: 'End',
18+
igx_calendar_range_placeholder: 'Select Range',
1119
igx_calendar_selected_month_is: 'A kiválasztott hónap ',
1220
igx_calendar_first_picker_of: 'A(z) {0} első választója innen indul:',
1321
igx_calendar_multi_selection: 'Többszörös időpontválasztó naptár {0} dátumválasztóval',

0 commit comments

Comments
 (0)