Skip to content

Commit 4891800

Browse files
dkamburovdkamburov
committed
Merge remote-tracking branch 'origin/master' into dkamburov/lint-grid-base
2 parents dac468a + cefb1b3 commit 4891800

File tree

102 files changed

+8434
-10091
lines changed

Some content is hidden

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

102 files changed

+8434
-10091
lines changed

‎CHANGELOG.md‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,69 @@ All notable changes for each version of this project will be documented in this
5858
- `onGridInitialized` -> `gridInitialized`
5959
- `onDataPreLoad` -> `dataPreLoad`
6060

61+
- `IgxDateTimeEditor`
62+
- **Feature** - `value` accepts ISO 8601 string format.
63+
- **Breaking Change** - `value` type could be `Date` or `string`.
64+
- **Breaking Change** - `onValueChange` event is renamed to `valueChange`.
65+
- **Breaking Change** - `isSpinLoop` property is renamed to `spinLoop`.
66+
- **Feature** - `spinDelta` input property which allows a user to provide different delta values that will be used for spinning. All parts default to `1`.
67+
- `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`.
68+
- `IgxDatePicker`
69+
- **Feature** - `value` accepts ISO 8601 string format.
70+
- **Breaking Change** - `value` type could be `Date` or `string`.
71+
- **Breaking Change** - `onSelection` event is renamed to `valueChange`.
72+
- **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`.
73+
```html
74+
<igx-date-picker #datePicker [(value)]="date" [displayFormat]="'longDate'" [inputFormat]="dd/MM/yyyy">
75+
<label igxLabel>Date: </label>
76+
<igx-picker-toggle igxPrefix (click)="datePicker.toggle()">
77+
calendar_view_day
78+
</igx-picker-toggle>
79+
<igx-picker-clear igxSuffix (click)="datePicker.clear()">
80+
delete
81+
</igx-picker-clear>
82+
</igx-date-picker>
83+
```
84+
- **Breaking Change** - `mode` and `format` are replaced by `inputFormat`.
85+
- **Breaking Change** - `placeholder` defaults to the `inputFormat`
86+
- **Breaking Change** - `editorTabIndex` is renamed to `tabIndex`.
87+
- **Breaking Change** - `monthsViewNumber` is renamed to `displayMonthsCount`.
88+
- **Breaking Change** - `vertical` is renamed to `headerOrientation`.
89+
- **Breaking Change** - `displayData` is renamed to `displayFormat`.
90+
- **Breaking Change** - `dropDownOverlaySettings` and `modalOverlaySettings` are replaced by the `overlaySettings`.
91+
- **Breaking Change** - `onValidationFailed` event is renamed to `validationFailed`.
92+
- **Breaking Change** - `onDisabledDate` event is removed.
93+
- **Breaking Change** - `onOpening`, `onOpened`, `onClosing` and `onClosed` events are renamed respectively to `opening`, `opened`, `closing` and `closed`.
94+
- `IgxTimePicker`
95+
- **Feature** - `value` accepts ISO 8601 string format.
96+
- **Breaking Change** - `value` type could be `Date` or `string`.
97+
- **Breaking Change** - `onValueChanged` event is renamed to `valueChange`.
98+
- **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`.
99+
```html
100+
<igx-time-picker #timePicker [(value)]="time" [displayFormat]="'mediumTime'" [inputFormat]="hh:mm:ss">
101+
<label igxLabel>Time: </label>
102+
<igx-picker-toggle igxPrefix (click)="timePicker.toggle()">
103+
alarm
104+
</igx-picker-toggle>
105+
<igx-picker-clear igxSuffix (click)="timePicker.clear()">
106+
delete
107+
</igx-picker-clear>
108+
</igx-time-picker>
109+
```
110+
- **Breaking Change** - `format` is replaced by `inputFormat`.
111+
- **Breaking Change** - `placeholder` defaults to the `inputFormat`
112+
- **Breaking Change** - `isSpinLoop` property is renamed to `spinLoop`.
113+
- **Breaking Change** - `vertical` is renamed to `headerOrientation`.
114+
- **Breaking Change** - `onOpening`, `onOpened`, `onClosing` and `onClosed` events are renamed respectively to `opening`, `opened`, `closing` and `closed`.
115+
- **Breaking Change** - `onValidationFailed` event is renamed to `validationFailed`.
116+
- `IgxDateRangePicker`
117+
- **Feature** - `value` start and end accept ISO 8601 string format.
118+
- **Breaking Change** - `value` start and end types could be `Date` or `string`.
119+
- **Breaking Change** - `rangeSelected` event is renamed to `valueChange`.
120+
- **Breaking Change** - `onOpening`, `onOpened`, `onClosing` and `onClosed` events are renamed respectively to `opening`, `opened`, `closing` and `closed`.
121+
- **Breaking Change** - `monthsViewNumber` is renamed to `displayMonthsCount`.
122+
123+
61124
### New Features
62125
- Added `IgxTree` component
63126
- Allows users to render hierarchical data in an easy-to-navigate way. The control is **not** data bound and takes a declarative approach, giving users more control over what is being rendered.

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

Lines changed: 176 additions & 0 deletions
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": "displayFormat",
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)