Skip to content

Commit 63a54eb

Browse files
Lipatajackofdiamond5PlamenaMiteva
authored
feat(date-time-editor, pickers): add migrations, changelog, readme #6482, #6483 (#9319)
Co-authored-by: Boris <[email protected]> Co-authored-by: plamenamiteva <[email protected]>
1 parent b2b1758 commit 63a54eb

File tree

12 files changed

+1873
-240
lines changed

12 files changed

+1873
-240
lines changed

‎CHANGELOG.md

+48
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,54 @@ All notable changes for each version of this project will be documented in this
3434
- `IgxDateTimeEditor`
3535
- `spinDelta` input property which allows a user to provide different delta values that will be used for spinning. All parts default to `1`.
3636
- `increment` and `decrement` methods now accept an optional `delta` parameter which targets the currently spun date portion. It takes precedence over the values set in `spinDelta`.
37+
- **Breaking Change** - `isSpinLoop` property is renamed to `spinLoop`.
38+
- **Breaking Change** - `onValueChange` event is renamed to `valueChange`
39+
- `IgxDatePicker`
40+
- **Breaking Change** - new way to define custom elements in the `igx-date-picker` while the following properties are deleted or deprecated: `formatter`, `context`, `labelInternal`, `template`.
41+
```html
42+
<igx-date-picker #datePicker [(value)]="date" [displayFormat]="'longDate'" [inputFormat]="dd/MM/yyyy">
43+
<label igxLabel>Date: </label>
44+
<igx-picker-toggle igxPrefix (click)="datePicker.toggle()">
45+
calendar_view_day
46+
</igx-picker-toggle>
47+
<igx-picker-clear igxSuffix (click)="datePicker.clear()">
48+
delete
49+
</igx-picker-clear>
50+
</igx-date-picker>
51+
```
52+
- **Breaking Change** - `mode` and `format` are replaced by `inputFormat`.
53+
- **Breaking Change** - `editorTabIndex` is renamed to `tabIndex`.
54+
- **Breaking Change** - `monthsViewNumber` is renamed to `displayMonthsCount`.
55+
- **Breaking Change** - `vertical` is renamed to `headerOrientation`.
56+
- **Breaking Change** - `displayData` is renamed to `displayFormat`.
57+
- **Breaking Change** - `dropDownOverlaySettings` and `modalOverlaySettings` are replaced by the `overlaySettings`.
58+
- **Breaking Change** - `onSelection` event is renamed to `valueChange`.
59+
- **Breaking Change** - `onValidationFailed` event is renamed to `validationFailed`.
60+
- **Breaking Change** - `onDisabledDate` event is removed.
61+
- **Breaking Change** - `onOpening`, `onOpened`, `onClosing` and `onClosed` events are renamed respectively to `opening`, `opened`, `closing` and `closed`.
62+
- `IgxTimePicker`
63+
- **Breaking Change** - new way to define custom elements in the `igx-time-picker` while the following properties are deleted or deprecated: `context`, `promptChar`, `displayTime`, `template`.
64+
```html
65+
<igx-time-picker #timePicker [(value)]="time" [displayFormat]="'mediumTime'" [inputFormat]="hh:mm:ss">
66+
<label igxLabel>Time: </label>
67+
<igx-picker-toggle igxPrefix (click)="timePicker.toggle()">
68+
alarm
69+
</igx-picker-toggle>
70+
<igx-picker-clear igxSuffix (click)="timePicker.clear()">
71+
delete
72+
</igx-picker-clear>
73+
</igx-time-picker>
74+
```
75+
- **Breaking Change** - `format` is replaced by `inputFormat`.
76+
- **Breaking Change** - `isSpinLoop` property is renamed to `spinLoop`.
77+
- **Breaking Change** - `vertical` is renamed to `headerOrientation`.
78+
- **Breaking Change** - `onValueChanged` event is renamed to `valueChange`.
79+
- **Breaking Change** - `onOpening`, `onOpened`, `onClosing` and `onClosed` events are renamed respectively to `opening`, `opened`, `closing` and `closed`.
80+
- **Breaking Change** - `onValidationFailed` event is renamed to `validationFailed`.
81+
- `IgxDateRangePicker`
82+
- **Breaking Change** - `monthsViewNumber` is renamed to `displayMonthsCount`.
83+
- **Breaking Change** - `rangeSelected` event is renamed to `valueChange`.
84+
- **Breaking Change** - `onOpening`, `onOpened`, `onClosing` and `onClosed` events are renamed respectively to `opening`, `opened`, `closing` and `closed`.
3785
- `IgxForOf`, `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
3886
- **Behavioral Change** - Virtual containers now scroll smoothly when using the mouse wheel(s) to scroll them horizontally or vertically. This behavior more closely resembles the scrolling behavior of non-virtualized containers in most modern browsers.
3987
- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`

‎projects/igniteui-angular/migrations/update-12_0_0/changes/inputs.json

+176
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,182 @@
8888
"selector": "igx-bottom-nav-item",
8989
"type": "component"
9090
}
91+
},
92+
{
93+
"name": "isSpinLoop",
94+
"replaceWith": "spinLoop",
95+
"owner": {
96+
"selector": "igxDateTimeEditor",
97+
"type": "directive"
98+
}
99+
},
100+
{
101+
"name": "editorTabIndex",
102+
"replaceWith": "tabIndex",
103+
"owner": {
104+
"selector": "igx-date-picker",
105+
"type": "component"
106+
}
107+
},
108+
{
109+
"name": "labelVisibility",
110+
"remove": true,
111+
"owner": {
112+
"selector": "igx-date-picker",
113+
"type": "component"
114+
}
115+
},
116+
{
117+
"name": "mask",
118+
"replaceWith": "inputFormat",
119+
"owner": {
120+
"selector": "igx-date-picker",
121+
"type": "component"
122+
}
123+
},
124+
{
125+
"name": "monthsViewNumber",
126+
"replaceWith": "displayMonthsCount",
127+
"owner": {
128+
"selector": "igx-date-picker",
129+
"type": "component"
130+
}
131+
},
132+
{
133+
"name": "vertical",
134+
"replaceWith": "headerOrientation",
135+
"owner": {
136+
"selector": "igx-date-picker",
137+
"type": "component"
138+
}
139+
},
140+
{
141+
"name": "context",
142+
"remove": true,
143+
"owner": {
144+
"selector": "igx-date-picker",
145+
"type": "component"
146+
}
147+
},
148+
{
149+
"name": "displayData",
150+
"replaceWith": "displayFormat",
151+
"owner": {
152+
"selector": "igx-date-picker",
153+
"type": "component"
154+
}
155+
},
156+
{
157+
"name": "format",
158+
"replaceWith": "inputFormat",
159+
"owner": {
160+
"selector": "igx-date-picker",
161+
"type": "component"
162+
}
163+
},
164+
{
165+
"name": "dropDownOverlaySettings",
166+
"replaceWith": "overlaySettings",
167+
"owner": {
168+
"selector": "igx-date-picker",
169+
"type": "component"
170+
}
171+
},
172+
{
173+
"name": "modalOverlaySettings",
174+
"replaceWith": "overlaySettings",
175+
"owner": {
176+
"selector": "igx-date-picker",
177+
"type": "component"
178+
}
179+
},
180+
{
181+
"name": "labelInternal",
182+
"remove": true,
183+
"owner": {
184+
"selector": "igx-date-picker",
185+
"type": "component"
186+
}
187+
},
188+
{
189+
"name": "template",
190+
"remove": true,
191+
"owner": {
192+
"selector": "igx-date-picker",
193+
"type": "component"
194+
}
195+
},
196+
{
197+
"name": "isSpinLoop",
198+
"replaceWith": "spinLoop",
199+
"owner": {
200+
"selector": "igx-time-picker",
201+
"type": "component"
202+
}
203+
},
204+
{
205+
"name": "vertical",
206+
"replaceWith": "headerOrientation",
207+
"owner": {
208+
"selector": "igx-time-picker",
209+
"type": "component"
210+
}
211+
},
212+
{
213+
"name": "context",
214+
"remove": true,
215+
"owner": {
216+
"selector": "igx-time-picker",
217+
"type": "component"
218+
}
219+
},
220+
{
221+
"name": "template",
222+
"remove": true,
223+
"owner": {
224+
"selector": "igx-time-picker",
225+
"type": "component"
226+
}
227+
},
228+
{
229+
"name": "promptChar",
230+
"remove": true,
231+
"owner": {
232+
"selector": "igx-time-picker",
233+
"type": "component"
234+
}
235+
},
236+
{
237+
"name": "displayTime",
238+
"remove": true,
239+
"owner": {
240+
"selector": "igx-time-picker",
241+
"type": "component"
242+
}
243+
},
244+
{
245+
"name": "labelVisibility",
246+
"remove": true,
247+
"owner": {
248+
"selector": "igx-time-picker",
249+
"type": "component"
250+
}
251+
},
252+
{
253+
"name": "format",
254+
"replaceWith": "inputFormat",
255+
"owner": {
256+
"selector": "igx-time-picker",
257+
"type": "component"
258+
}
259+
},
260+
{
261+
"name": "monthsViewNumber",
262+
"replaceWith": "displayMonthsCount",
263+
"owner": {
264+
"selector": "igx-date-range-picker",
265+
"type": "component"
266+
}
91267
}
92268
]
93269
}

0 commit comments

Comments
 (0)