@syncfusion/ej2-calendars 19.2.62 → 19.3.53
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/.eslintrc.json +1 -1
- package/CHANGELOG.md +8 -0
- package/dist/ej2-calendars.umd.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-calendars.es2015.js +612 -1062
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +609 -1059
- package/dist/es6/ej2-calendars.es5.js.map +1 -1
- package/dist/global/ej2-calendars.min.js +2 -2
- package/dist/global/ej2-calendars.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +10 -10
- package/src/calendar/calendar-model.d.ts +1 -10
- package/src/calendar/calendar.d.ts +0 -12
- package/src/calendar/calendar.js +146 -201
- package/src/datepicker/datepicker-model.d.ts +1 -11
- package/src/datepicker/datepicker.d.ts +0 -11
- package/src/datepicker/datepicker.js +168 -310
- package/src/daterangepicker/daterangepicker-model.d.ts +1 -23
- package/src/daterangepicker/daterangepicker.d.ts +0 -22
- package/src/daterangepicker/daterangepicker.js +19 -19
- package/src/datetimepicker/datetimepicker-model.d.ts +1 -14
- package/src/datetimepicker/datetimepicker.d.ts +0 -13
- package/src/datetimepicker/datetimepicker.js +10 -13
- package/src/maskbase/masked-date-time.d.ts +6 -0
- package/src/maskbase/masked-date-time.js +35 -1
- package/src/timepicker/timepicker-model.d.ts +1 -15
- package/src/timepicker/timepicker.d.ts +0 -19
- package/src/timepicker/timepicker.js +238 -519
- package/styles/bootstrap-dark.css +17 -2
- package/styles/bootstrap.css +17 -2
- package/styles/bootstrap4.css +17 -2
- package/styles/bootstrap5-dark.css +2676 -0
- package/styles/bootstrap5-dark.scss +5 -0
- package/styles/bootstrap5.css +2676 -0
- package/styles/bootstrap5.scss +5 -0
- package/styles/calendar/_bootstrap-dark-definition.scss +4 -2
- package/styles/calendar/_bootstrap-definition.scss +4 -2
- package/styles/calendar/_bootstrap4-definition.scss +4 -2
- package/styles/calendar/_bootstrap5-dark-definition.scss +1 -0
- package/styles/calendar/_bootstrap5-definition.scss +213 -0
- package/styles/calendar/_fabric-dark-definition.scss +3 -0
- package/styles/calendar/_fabric-definition.scss +3 -0
- package/styles/calendar/_highcontrast-definition.scss +3 -0
- package/styles/calendar/_highcontrast-light-definition.scss +3 -0
- package/styles/calendar/_layout.scss +8 -0
- package/styles/calendar/_material-dark-definition.scss +3 -0
- package/styles/calendar/_material-definition.scss +3 -0
- package/styles/calendar/_tailwind-dark-definition.scss +1 -220
- package/styles/calendar/_tailwind-definition.scss +84 -101
- package/styles/calendar/_theme.scss +40 -0
- package/styles/calendar/bootstrap-dark.css +17 -2
- package/styles/calendar/bootstrap.css +17 -2
- package/styles/calendar/bootstrap4.css +17 -2
- package/styles/calendar/bootstrap5-dark.css +1038 -0
- package/styles/calendar/bootstrap5-dark.scss +5 -0
- package/styles/calendar/bootstrap5.css +1038 -0
- package/styles/calendar/bootstrap5.scss +5 -0
- package/styles/calendar/fabric-dark.css +15 -0
- package/styles/calendar/fabric.css +15 -0
- package/styles/calendar/highcontrast-light.css +15 -0
- package/styles/calendar/highcontrast.css +15 -0
- package/styles/calendar/icons/_bootstrap5-dark.scss +1 -0
- package/styles/calendar/icons/_bootstrap5.scss +12 -0
- package/styles/calendar/icons/_tailwind-dark.scss +1 -13
- package/styles/calendar/material-dark.css +28 -13
- package/styles/calendar/material.css +15 -0
- package/styles/calendar/tailwind-dark.css +17 -2
- package/styles/calendar/tailwind.css +17 -2
- package/styles/datepicker/_bootstrap5-dark-definition.scss +1 -0
- package/styles/datepicker/_bootstrap5-definition.scss +36 -0
- package/styles/datepicker/_layout.scss +1 -2
- package/styles/datepicker/_tailwind-dark-definition.scss +1 -34
- package/styles/datepicker/_tailwind-definition.scss +13 -13
- package/styles/datepicker/_theme.scss +2 -2
- package/styles/datepicker/bootstrap5-dark.css +177 -0
- package/styles/datepicker/bootstrap5-dark.scss +7 -0
- package/styles/datepicker/bootstrap5.css +177 -0
- package/styles/datepicker/bootstrap5.scss +7 -0
- package/styles/datepicker/icons/_bootstrap5-dark.scss +1 -0
- package/styles/datepicker/icons/_bootstrap5.scss +55 -0
- package/styles/datepicker/icons/_tailwind-dark.scss +1 -55
- package/styles/datepicker/material-dark.css +3 -3
- package/styles/daterangepicker/_bootstrap5-dark-definition.scss +1 -0
- package/styles/daterangepicker/_bootstrap5-definition.scss +222 -0
- package/styles/daterangepicker/_layout.scss +2 -2
- package/styles/daterangepicker/_tailwind-dark-definition.scss +1 -192
- package/styles/daterangepicker/_tailwind-definition.scss +81 -79
- package/styles/daterangepicker/_theme.scss +82 -0
- package/styles/daterangepicker/bootstrap5-dark.css +1029 -0
- package/styles/daterangepicker/bootstrap5-dark.scss +7 -0
- package/styles/daterangepicker/bootstrap5.css +1029 -0
- package/styles/daterangepicker/bootstrap5.scss +7 -0
- package/styles/daterangepicker/icons/_bootstrap5-dark.scss +1 -0
- package/styles/daterangepicker/icons/_bootstrap5.scss +67 -0
- package/styles/daterangepicker/icons/_tailwind-dark.scss +1 -63
- package/styles/daterangepicker/material-dark.css +9 -9
- package/styles/datetimepicker/_bootstrap5-dark-definition.scss +1 -0
- package/styles/datetimepicker/_bootstrap5-definition.scss +55 -0
- package/styles/datetimepicker/_tailwind-dark-definition.scss +1 -53
- package/styles/datetimepicker/_tailwind-definition.scss +16 -14
- package/styles/datetimepicker/bootstrap5-dark.css +205 -0
- package/styles/datetimepicker/bootstrap5-dark.scss +8 -0
- package/styles/datetimepicker/bootstrap5.css +205 -0
- package/styles/datetimepicker/bootstrap5.scss +8 -0
- package/styles/datetimepicker/icons/_bootstrap5-dark.scss +1 -0
- package/styles/datetimepicker/icons/_bootstrap5.scss +11 -0
- package/styles/datetimepicker/icons/_tailwind-dark.scss +1 -10
- package/styles/datetimepicker/material-dark.css +4 -4
- package/styles/fabric-dark.css +15 -0
- package/styles/fabric.css +15 -0
- package/styles/highcontrast-light.css +15 -0
- package/styles/highcontrast.css +15 -0
- package/styles/material-dark.css +48 -33
- package/styles/material.css +15 -0
- package/styles/tailwind-dark.css +17 -2
- package/styles/tailwind.css +17 -2
- package/styles/timepicker/_bootstrap5-dark-definition.scss +1 -0
- package/styles/timepicker/_bootstrap5-definition.scss +52 -0
- package/styles/timepicker/_tailwind-dark-definition.scss +1 -48
- package/styles/timepicker/_tailwind-definition.scss +19 -17
- package/styles/timepicker/_theme.scss +1 -1
- package/styles/timepicker/bootstrap5-dark.css +223 -0
- package/styles/timepicker/bootstrap5-dark.scss +6 -0
- package/styles/timepicker/bootstrap5.css +223 -0
- package/styles/timepicker/bootstrap5.scss +6 -0
- package/styles/timepicker/icons/_bootstrap5-dark.scss +1 -0
- package/styles/timepicker/icons/_bootstrap5.scss +13 -0
- package/styles/timepicker/icons/_tailwind-dark.scss +1 -12
- package/styles/timepicker/material-dark.css +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Property, EventHandler, Internationalization, NotifyPropertyChanges, detach, getUniqueID } from '@syncfusion/ej2-base';import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, Event, EmitType, Browser, L10n, ChildProperty } from '@syncfusion/ej2-base';import { addClass, createElement, remove, closest, select, prepend, removeClass, attributes, Collection } from '@syncfusion/ej2-base';import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend
|
|
1
|
+
import { Property, EventHandler, Internationalization, NotifyPropertyChanges, detach, getUniqueID } from '@syncfusion/ej2-base';import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, Event, EmitType, Browser, L10n, ChildProperty } from '@syncfusion/ej2-base';import { addClass, createElement, remove, closest, select, prepend, removeClass, attributes, Collection } from '@syncfusion/ej2-base';import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend } from '@syncfusion/ej2-base';import { CalendarView, CalendarBase, NavigatedEventArgs, RenderDayCellEventArgs, CalendarType } from '../calendar/calendar';import { Popup } from '@syncfusion/ej2-popups';import { Button } from '@syncfusion/ej2-buttons';import { BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { ListBase} from '@syncfusion/ej2-lists';
|
|
2
2
|
import {DateRange,RangeEventArgs,RangeFormatObject} from "./daterangepicker";
|
|
3
3
|
import {CalendarBaseModel} from "../calendar/calendar-model";
|
|
4
4
|
|
|
@@ -51,7 +51,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
51
51
|
* Gets or sets the minimum date that can be selected in the calendar-popup.
|
|
52
52
|
*
|
|
53
53
|
* @default new Date(1900, 00, 01)
|
|
54
|
-
* @blazorDefaultValue new DateTime(1900, 01, 01)
|
|
55
54
|
*/
|
|
56
55
|
min?: Date;
|
|
57
56
|
|
|
@@ -59,7 +58,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
59
58
|
* Gets or sets the maximum date that can be selected in the calendar-popup.
|
|
60
59
|
*
|
|
61
60
|
* @default new Date(2099, 11, 31)
|
|
62
|
-
* @blazorDefaultValue new DateTime(2099, 12, 31)
|
|
63
61
|
*/
|
|
64
62
|
max?: Date;
|
|
65
63
|
|
|
@@ -109,7 +107,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
109
107
|
* Triggers when Calendar is created.
|
|
110
108
|
*
|
|
111
109
|
* @event created
|
|
112
|
-
* @blazorProperty 'Created'
|
|
113
110
|
*/
|
|
114
111
|
created?: EmitType<Object>;
|
|
115
112
|
|
|
@@ -117,7 +114,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
117
114
|
* Triggers when Calendar is destroyed.
|
|
118
115
|
*
|
|
119
116
|
* @event destroyed
|
|
120
|
-
* @blazorProperty 'Destroyed'
|
|
121
117
|
*/
|
|
122
118
|
destroyed?: EmitType<Object>;
|
|
123
119
|
|
|
@@ -125,7 +121,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
125
121
|
* Triggers when the Calendar value is changed.
|
|
126
122
|
*
|
|
127
123
|
* @event change
|
|
128
|
-
* @blazorProperty 'ValueChange'
|
|
129
124
|
*/
|
|
130
125
|
change?: EmitType<RangeEventArgs>;
|
|
131
126
|
|
|
@@ -140,7 +135,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
140
135
|
* Triggers when the Calendar is navigated to another view or within the same level of view.
|
|
141
136
|
*
|
|
142
137
|
* @event navigated
|
|
143
|
-
* @blazorProperty 'Navigated'
|
|
144
138
|
*/
|
|
145
139
|
navigated?: EmitType<NavigatedEventArgs>;
|
|
146
140
|
|
|
@@ -148,7 +142,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
148
142
|
* Triggers when each day cell of the Calendar is rendered.
|
|
149
143
|
*
|
|
150
144
|
* @event renderDayCell
|
|
151
|
-
* @blazorProperty 'OnRenderDayCell'
|
|
152
145
|
*/
|
|
153
146
|
|
|
154
147
|
renderDayCell?: EmitType<RenderDayCellEventArgs>;
|
|
@@ -157,7 +150,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
157
150
|
* Gets or sets the start date of the date range selection.
|
|
158
151
|
*
|
|
159
152
|
* @default null
|
|
160
|
-
* @isBlazorNullableType true
|
|
161
153
|
*/
|
|
162
154
|
startDate?: Date;
|
|
163
155
|
|
|
@@ -165,7 +157,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
165
157
|
* Gets or sets the end date of the date range selection.
|
|
166
158
|
*
|
|
167
159
|
* @default null
|
|
168
|
-
* @isBlazorNullableType true
|
|
169
160
|
*/
|
|
170
161
|
endDate?: Date;
|
|
171
162
|
|
|
@@ -191,7 +182,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
191
182
|
*
|
|
192
183
|
* @default 1000
|
|
193
184
|
* @aspType int
|
|
194
|
-
* @blazorType int
|
|
195
185
|
*/
|
|
196
186
|
zIndex?: number;
|
|
197
187
|
|
|
@@ -247,7 +237,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
247
237
|
*
|
|
248
238
|
* @default null
|
|
249
239
|
* @aspType int
|
|
250
|
-
* @blazorType int
|
|
251
240
|
*/
|
|
252
241
|
minDays?: number;
|
|
253
242
|
|
|
@@ -258,8 +247,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
258
247
|
*
|
|
259
248
|
* @default null
|
|
260
249
|
* @aspType int
|
|
261
|
-
* @blazorType int
|
|
262
|
-
* @isBlazorNullableType true
|
|
263
250
|
*/
|
|
264
251
|
maxDays?: number;
|
|
265
252
|
|
|
@@ -388,7 +375,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
388
375
|
* {% codeBlock src='daterangepicker/keyConfigs/index.md' %}{% endcodeBlock %}
|
|
389
376
|
*
|
|
390
377
|
* @default null
|
|
391
|
-
* @blazorType object
|
|
392
378
|
*/
|
|
393
379
|
keyConfigs?: { [key: string]: string };
|
|
394
380
|
|
|
@@ -400,7 +386,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
400
386
|
* @aspType string
|
|
401
387
|
* {% codeBlock src='daterangepicker/format/index.md' %}{% endcodeBlock %}
|
|
402
388
|
* @default null
|
|
403
|
-
* @blazorType string
|
|
404
389
|
*/
|
|
405
390
|
format?: string | RangeFormatObject;
|
|
406
391
|
|
|
@@ -438,7 +423,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
438
423
|
*
|
|
439
424
|
* @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
|
|
440
425
|
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
441
|
-
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
442
426
|
* @isEnumeration true
|
|
443
427
|
*/
|
|
444
428
|
floatLabelType?: FloatLabelType | string;
|
|
@@ -463,8 +447,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
463
447
|
* Triggers when the DateRangePicker is opened.
|
|
464
448
|
*
|
|
465
449
|
* @event open
|
|
466
|
-
* @blazorProperty 'OnOpen'
|
|
467
|
-
* @blazorType RangePopupEventArgs
|
|
468
450
|
*/
|
|
469
451
|
open?: EmitType<Object>;
|
|
470
452
|
|
|
@@ -472,8 +454,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
472
454
|
* Triggers when the DateRangePicker is closed.
|
|
473
455
|
*
|
|
474
456
|
* @event close
|
|
475
|
-
* @blazorProperty 'OnClose'
|
|
476
|
-
* @blazorType RangePopupEventArgs
|
|
477
457
|
*/
|
|
478
458
|
close?: EmitType<Object>;
|
|
479
459
|
|
|
@@ -481,8 +461,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
|
|
|
481
461
|
* Triggers on selecting the start and end date.
|
|
482
462
|
*
|
|
483
463
|
* @event select
|
|
484
|
-
* @blazorProperty 'RangeSelected'
|
|
485
|
-
* @blazorType RangeEventArgs
|
|
486
464
|
*/
|
|
487
465
|
select?: EmitType<Object>;
|
|
488
466
|
|
|
@@ -189,14 +189,12 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
189
189
|
* Gets or sets the minimum date that can be selected in the calendar-popup.
|
|
190
190
|
*
|
|
191
191
|
* @default new Date(1900, 00, 01)
|
|
192
|
-
* @blazorDefaultValue new DateTime(1900, 01, 01)
|
|
193
192
|
*/
|
|
194
193
|
min: Date;
|
|
195
194
|
/**
|
|
196
195
|
* Gets or sets the maximum date that can be selected in the calendar-popup.
|
|
197
196
|
*
|
|
198
197
|
* @default new Date(2099, 11, 31)
|
|
199
|
-
* @blazorDefaultValue new DateTime(2099, 12, 31)
|
|
200
198
|
*/
|
|
201
199
|
max: Date;
|
|
202
200
|
/**
|
|
@@ -240,21 +238,18 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
240
238
|
* Triggers when Calendar is created.
|
|
241
239
|
*
|
|
242
240
|
* @event created
|
|
243
|
-
* @blazorProperty 'Created'
|
|
244
241
|
*/
|
|
245
242
|
created: EmitType<Object>;
|
|
246
243
|
/**
|
|
247
244
|
* Triggers when Calendar is destroyed.
|
|
248
245
|
*
|
|
249
246
|
* @event destroyed
|
|
250
|
-
* @blazorProperty 'Destroyed'
|
|
251
247
|
*/
|
|
252
248
|
destroyed: EmitType<Object>;
|
|
253
249
|
/**
|
|
254
250
|
* Triggers when the Calendar value is changed.
|
|
255
251
|
*
|
|
256
252
|
* @event change
|
|
257
|
-
* @blazorProperty 'ValueChange'
|
|
258
253
|
*/
|
|
259
254
|
change: EmitType<RangeEventArgs>;
|
|
260
255
|
/**
|
|
@@ -267,28 +262,24 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
267
262
|
* Triggers when the Calendar is navigated to another view or within the same level of view.
|
|
268
263
|
*
|
|
269
264
|
* @event navigated
|
|
270
|
-
* @blazorProperty 'Navigated'
|
|
271
265
|
*/
|
|
272
266
|
navigated: EmitType<NavigatedEventArgs>;
|
|
273
267
|
/**
|
|
274
268
|
* Triggers when each day cell of the Calendar is rendered.
|
|
275
269
|
*
|
|
276
270
|
* @event renderDayCell
|
|
277
|
-
* @blazorProperty 'OnRenderDayCell'
|
|
278
271
|
*/
|
|
279
272
|
renderDayCell: EmitType<RenderDayCellEventArgs>;
|
|
280
273
|
/**
|
|
281
274
|
* Gets or sets the start date of the date range selection.
|
|
282
275
|
*
|
|
283
276
|
* @default null
|
|
284
|
-
* @isBlazorNullableType true
|
|
285
277
|
*/
|
|
286
278
|
startDate: Date;
|
|
287
279
|
/**
|
|
288
280
|
* Gets or sets the end date of the date range selection.
|
|
289
281
|
*
|
|
290
282
|
* @default null
|
|
291
|
-
* @isBlazorNullableType true
|
|
292
283
|
*/
|
|
293
284
|
endDate: Date;
|
|
294
285
|
/**
|
|
@@ -311,7 +302,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
311
302
|
*
|
|
312
303
|
* @default 1000
|
|
313
304
|
* @aspType int
|
|
314
|
-
* @blazorType int
|
|
315
305
|
*/
|
|
316
306
|
zIndex: number;
|
|
317
307
|
/**
|
|
@@ -360,7 +350,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
360
350
|
*
|
|
361
351
|
* @default null
|
|
362
352
|
* @aspType int
|
|
363
|
-
* @blazorType int
|
|
364
353
|
*/
|
|
365
354
|
minDays: number;
|
|
366
355
|
/**
|
|
@@ -370,8 +359,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
370
359
|
*
|
|
371
360
|
* @default null
|
|
372
361
|
* @aspType int
|
|
373
|
-
* @blazorType int
|
|
374
|
-
* @isBlazorNullableType true
|
|
375
362
|
*/
|
|
376
363
|
maxDays: number;
|
|
377
364
|
/**
|
|
@@ -498,7 +485,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
498
485
|
* {% codeBlock src='daterangepicker/keyConfigs/index.md' %}{% endcodeBlock %}
|
|
499
486
|
*
|
|
500
487
|
* @default null
|
|
501
|
-
* @blazorType object
|
|
502
488
|
*/
|
|
503
489
|
keyConfigs: {
|
|
504
490
|
[key: string]: string;
|
|
@@ -511,7 +497,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
511
497
|
* @aspType string
|
|
512
498
|
* {% codeBlock src='daterangepicker/format/index.md' %}{% endcodeBlock %}
|
|
513
499
|
* @default null
|
|
514
|
-
* @blazorType string
|
|
515
500
|
*/
|
|
516
501
|
format: string | RangeFormatObject;
|
|
517
502
|
/**
|
|
@@ -545,7 +530,6 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
545
530
|
*
|
|
546
531
|
* @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
|
|
547
532
|
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
548
|
-
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
549
533
|
* @isEnumeration true
|
|
550
534
|
*/
|
|
551
535
|
floatLabelType: FloatLabelType | string;
|
|
@@ -569,24 +553,18 @@ export declare class DateRangePicker extends CalendarBase {
|
|
|
569
553
|
* Triggers when the DateRangePicker is opened.
|
|
570
554
|
*
|
|
571
555
|
* @event open
|
|
572
|
-
* @blazorProperty 'OnOpen'
|
|
573
|
-
* @blazorType RangePopupEventArgs
|
|
574
556
|
*/
|
|
575
557
|
open: EmitType<Object>;
|
|
576
558
|
/**
|
|
577
559
|
* Triggers when the DateRangePicker is closed.
|
|
578
560
|
*
|
|
579
561
|
* @event close
|
|
580
|
-
* @blazorProperty 'OnClose'
|
|
581
|
-
* @blazorType RangePopupEventArgs
|
|
582
562
|
*/
|
|
583
563
|
close: EmitType<Object>;
|
|
584
564
|
/**
|
|
585
565
|
* Triggers on selecting the start and end date.
|
|
586
566
|
*
|
|
587
567
|
* @event select
|
|
588
|
-
* @blazorProperty 'RangeSelected'
|
|
589
|
-
* @blazorType RangeEventArgs
|
|
590
568
|
*/
|
|
591
569
|
select: EmitType<Object>;
|
|
592
570
|
/**
|
|
@@ -22,7 +22,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
22
22
|
import { Property, EventHandler, Internationalization, NotifyPropertyChanges, detach, getUniqueID } from '@syncfusion/ej2-base';
|
|
23
23
|
import { KeyboardEvents, Event, Browser, L10n, ChildProperty } from '@syncfusion/ej2-base';
|
|
24
24
|
import { addClass, createElement, remove, closest, select, prepend, removeClass, attributes, Collection } from '@syncfusion/ej2-base';
|
|
25
|
-
import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend
|
|
25
|
+
import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend } from '@syncfusion/ej2-base';
|
|
26
26
|
import { CalendarBase } from '../calendar/calendar';
|
|
27
27
|
import { Popup } from '@syncfusion/ej2-popups';
|
|
28
28
|
import { Button } from '@syncfusion/ej2-buttons';
|
|
@@ -533,7 +533,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
533
533
|
};
|
|
534
534
|
DateRangePicker.prototype.updateHiddenInput = function () {
|
|
535
535
|
if (this.firstHiddenChild && this.secondHiddenChild) {
|
|
536
|
-
var format = { type: 'datetime', skeleton:
|
|
536
|
+
var format = { type: 'datetime', skeleton: 'yMd' };
|
|
537
537
|
if (typeof this.startDate === 'string') {
|
|
538
538
|
this.startDate = this.globalize.parseDate(this.startDate, format);
|
|
539
539
|
}
|
|
@@ -673,7 +673,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
673
673
|
var attributes = isDynamic ? isNullOrUndefined(this.htmlAttributes) ? [] : Object.keys(this.htmlAttributes) :
|
|
674
674
|
['startDate', 'endDate', 'minDays', 'maxDays', 'min', 'max', 'disabled', 'readonly', 'style', 'name', 'placeholder',
|
|
675
675
|
'type', 'value'];
|
|
676
|
-
var format = { format: this.formatString, type: 'date', skeleton:
|
|
676
|
+
var format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
677
677
|
for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
|
|
678
678
|
var prop = attributes_1[_i];
|
|
679
679
|
if (!isNullOrUndefined(this.inputElement.getAttribute(prop))) {
|
|
@@ -928,7 +928,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
928
928
|
}
|
|
929
929
|
this.preventBlur = false;
|
|
930
930
|
var focusArguments = {
|
|
931
|
-
model:
|
|
931
|
+
model: this
|
|
932
932
|
};
|
|
933
933
|
if (!this.preventFocus) {
|
|
934
934
|
this.trigger('focus', focusArguments);
|
|
@@ -959,7 +959,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
959
959
|
var range = value.split(' ' + this.separator + ' ');
|
|
960
960
|
if (range.length > 1) {
|
|
961
961
|
this.invalidValueString = null;
|
|
962
|
-
var dateOptions = { format: this.formatString, type: 'date', skeleton:
|
|
962
|
+
var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
963
963
|
var startDate = this.globalize.parseDate(range[0].trim(), dateOptions);
|
|
964
964
|
var endDate = this.globalize.parseDate(range[1].trim(), dateOptions);
|
|
965
965
|
if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
|
|
@@ -975,7 +975,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
975
975
|
if (!this.preventBlur && document.activeElement !== this.inputElement) {
|
|
976
976
|
this.preventFocus = false;
|
|
977
977
|
var blurArguments = {
|
|
978
|
-
model:
|
|
978
|
+
model: this
|
|
979
979
|
};
|
|
980
980
|
this.trigger('blur', blurArguments);
|
|
981
981
|
}
|
|
@@ -1026,7 +1026,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
1026
1026
|
if (!this.preventBlur && document.activeElement !== this.inputElement) {
|
|
1027
1027
|
this.preventFocus = false;
|
|
1028
1028
|
var blurArguments = {
|
|
1029
|
-
model:
|
|
1029
|
+
model: this
|
|
1030
1030
|
};
|
|
1031
1031
|
this.trigger('blur', blurArguments);
|
|
1032
1032
|
}
|
|
@@ -1586,11 +1586,11 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
1586
1586
|
var range;
|
|
1587
1587
|
var startDate = !isNullOrUndefined(this.startValue) ?
|
|
1588
1588
|
this.globalize.formatDate(this.startValue, {
|
|
1589
|
-
format: this.formatString, type: 'date', skeleton:
|
|
1589
|
+
format: this.formatString, type: 'date', skeleton: 'yMd'
|
|
1590
1590
|
}) : null;
|
|
1591
1591
|
var endDate = !isNullOrUndefined(this.endValue) ?
|
|
1592
1592
|
this.globalize.formatDate(this.endValue, {
|
|
1593
|
-
format: this.formatString, type: 'date', skeleton:
|
|
1593
|
+
format: this.formatString, type: 'date', skeleton: 'yMd'
|
|
1594
1594
|
}) : null;
|
|
1595
1595
|
if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
|
|
1596
1596
|
inputValue = startDate + ' ' + this.separator + ' ' + endDate;
|
|
@@ -1951,7 +1951,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
1951
1951
|
}
|
|
1952
1952
|
};
|
|
1953
1953
|
DateRangePicker.prototype.updateHeader = function () {
|
|
1954
|
-
var format = { type: 'date', skeleton:
|
|
1954
|
+
var format = { type: 'date', skeleton: 'yMMMd' };
|
|
1955
1955
|
if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
|
|
1956
1956
|
var range = (Math.round(Math.abs((this.removeTimeValueFromDate(this.startValue).getTime() -
|
|
1957
1957
|
this.removeTimeValueFromDate(this.endValue).getTime()) / (1000 * 60 * 60 * 24))) + 1);
|
|
@@ -2032,7 +2032,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
2032
2032
|
};
|
|
2033
2033
|
DateRangePicker.prototype.addSelectedAttributes = function (ele, date, isStartDate, sameDate) {
|
|
2034
2034
|
if (ele) {
|
|
2035
|
-
var title = this.globalize.formatDate(date, { type: 'date', skeleton:
|
|
2035
|
+
var title = this.globalize.formatDate(date, { type: 'date', skeleton: 'full' });
|
|
2036
2036
|
if (!isNullOrUndefined(sameDate) && sameDate) {
|
|
2037
2037
|
ele.setAttribute('aria-label', 'The current start and end date is ' + '' + title);
|
|
2038
2038
|
}
|
|
@@ -3317,7 +3317,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3317
3317
|
};
|
|
3318
3318
|
DateRangePicker.prototype.updateInput = function () {
|
|
3319
3319
|
if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
|
|
3320
|
-
var formatOption = { format: this.formatString, type: 'date', skeleton:
|
|
3320
|
+
var formatOption = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
3321
3321
|
var startDate = this.globalize.formatDate(this.startValue, formatOption);
|
|
3322
3322
|
var endDate = this.globalize.formatDate(this.endValue, formatOption);
|
|
3323
3323
|
Input.setValue(startDate + ' ' + this.separator + ' ' + endDate, this.inputElement, this.floatLabelType, this.showClearButton);
|
|
@@ -3431,7 +3431,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3431
3431
|
var valueString = value;
|
|
3432
3432
|
var invalid = false;
|
|
3433
3433
|
var formatOpt = null;
|
|
3434
|
-
formatOpt = { format: this.formatString, type: 'date', skeleton:
|
|
3434
|
+
formatOpt = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
3435
3435
|
if (typeof valueString !== 'string') {
|
|
3436
3436
|
invalid = true;
|
|
3437
3437
|
}
|
|
@@ -3816,10 +3816,10 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3816
3816
|
document.body.appendChild(this.mobileRangePopupWrap);
|
|
3817
3817
|
}
|
|
3818
3818
|
this.openEventArgs = {
|
|
3819
|
-
popup:
|
|
3819
|
+
popup: this.popupObj || null,
|
|
3820
3820
|
cancel: false,
|
|
3821
3821
|
date: this.inputElement.value,
|
|
3822
|
-
model:
|
|
3822
|
+
model: this,
|
|
3823
3823
|
event: event ? event : null,
|
|
3824
3824
|
appendTo: this.isMobile || Browser.isDevice ? this.mobileRangePopupWrap : document.body
|
|
3825
3825
|
};
|
|
@@ -3881,9 +3881,9 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
3881
3881
|
if (this.isPopupOpen()) {
|
|
3882
3882
|
this.closeEventArgs = {
|
|
3883
3883
|
cancel: false,
|
|
3884
|
-
popup:
|
|
3884
|
+
popup: this.popupObj,
|
|
3885
3885
|
date: this.inputElement.value,
|
|
3886
|
-
model:
|
|
3886
|
+
model: this,
|
|
3887
3887
|
event: event ? event : null
|
|
3888
3888
|
};
|
|
3889
3889
|
var eventArgs = this.closeEventArgs;
|
|
@@ -4008,7 +4008,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
4008
4008
|
attributes(this.secondHiddenChild, {
|
|
4009
4009
|
'type': 'text', 'name': this.inputElement.getAttribute('data-name'), 'class': HIDDENELEMENT
|
|
4010
4010
|
});
|
|
4011
|
-
var format = { type: 'datetime', skeleton:
|
|
4011
|
+
var format = { type: 'datetime', skeleton: 'yMd' };
|
|
4012
4012
|
this.firstHiddenChild.value = this.startDate && this.globalize.formatDate(this.startDate, format);
|
|
4013
4013
|
this.secondHiddenChild.value = this.endDate && this.globalize.formatDate(this.endDate, format);
|
|
4014
4014
|
this.inputElement.parentElement.appendChild(this.firstHiddenChild);
|
|
@@ -4039,7 +4039,7 @@ var DateRangePicker = /** @class */ (function (_super) {
|
|
|
4039
4039
|
* @private
|
|
4040
4040
|
*/
|
|
4041
4041
|
DateRangePicker.prototype.onPropertyChanged = function (newProp, oldProp) {
|
|
4042
|
-
var format = { format: this.formatString, type: 'date', skeleton:
|
|
4042
|
+
var format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
4043
4043
|
for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
|
|
4044
4044
|
var prop = _a[_i];
|
|
4045
4045
|
var openPopup = ['maxDays', 'minDays', 'value'];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventHandler, Internationalization, Property, NotifyPropertyChanges, Browser, RippleOptions } from '@syncfusion/ej2-base';import { Animation, EmitType, Event, AnimationModel, cldrData, getDefaultDateObject, detach } from '@syncfusion/ej2-base';import { createElement, remove, addClass, L10n, removeClass, closest, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { ModuleDeclaration, extend
|
|
1
|
+
import { EventHandler, Internationalization, Property, NotifyPropertyChanges, Browser, RippleOptions } from '@syncfusion/ej2-base';import { Animation, EmitType, Event, AnimationModel, cldrData, getDefaultDateObject, detach } from '@syncfusion/ej2-base';import { createElement, remove, addClass, L10n, removeClass, closest, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { ModuleDeclaration, extend } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input } from '@syncfusion/ej2-inputs';import { BlurEventArgs, ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';import { TimePickerBase } from '../timepicker/timepicker';import {MaskPlaceholderModel} from '../calendar/calendar-model'
|
|
2
2
|
import {DatePickerModel} from "../datepicker/datepicker-model";
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -17,7 +17,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
17
17
|
* Specifies the time interval between the two adjacent time values in the time popup list .
|
|
18
18
|
*
|
|
19
19
|
* @default 30
|
|
20
|
-
* @blazorType int
|
|
21
20
|
*/
|
|
22
21
|
step?: number;
|
|
23
22
|
|
|
@@ -27,7 +26,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
27
26
|
* {% codeBlock src='datetimepicker/scrollTo/index.md' %}{% endcodeBlock %}
|
|
28
27
|
*
|
|
29
28
|
* @default null
|
|
30
|
-
* @isBlazorNullableType true
|
|
31
29
|
*/
|
|
32
30
|
scrollTo?: Date;
|
|
33
31
|
|
|
@@ -36,7 +34,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
36
34
|
*
|
|
37
35
|
* @default 1000
|
|
38
36
|
* @aspType int
|
|
39
|
-
* @blazorType int
|
|
40
37
|
*/
|
|
41
38
|
zIndex?: number;
|
|
42
39
|
|
|
@@ -184,7 +181,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
184
181
|
* {% codeBlock src='datetimepicker/keyConfigs/index.md' %}{% endcodeBlock %}
|
|
185
182
|
*
|
|
186
183
|
* @default null
|
|
187
|
-
* @blazorType object
|
|
188
184
|
*/
|
|
189
185
|
keyConfigs?: { [key: string]: string };
|
|
190
186
|
|
|
@@ -271,7 +267,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
271
267
|
* Gets or sets the minimum date that can be selected in the DateTimePicker.
|
|
272
268
|
*
|
|
273
269
|
* @default new Date(1900, 00, 01)
|
|
274
|
-
* @blazorDefaultValue new DateTime(1900, 01, 01)
|
|
275
270
|
*/
|
|
276
271
|
min?: Date;
|
|
277
272
|
|
|
@@ -279,7 +274,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
279
274
|
* Gets or sets the maximum date that can be selected in the DateTimePicker.
|
|
280
275
|
*
|
|
281
276
|
* @default new Date(2099, 11, 31)
|
|
282
|
-
* @blazorDefaultValue new DateTime(2099, 12, 31)
|
|
283
277
|
*/
|
|
284
278
|
max?: Date;
|
|
285
279
|
|
|
@@ -288,7 +282,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
288
282
|
*
|
|
289
283
|
* @default 0
|
|
290
284
|
* @aspType int
|
|
291
|
-
* @blazorType int
|
|
292
285
|
* > For more details about firstDayOfWeek refer to
|
|
293
286
|
* [`First day of week`](../../calendar/how-to/first-day-of-week#change-the-first-day-of-the-week) documentation.
|
|
294
287
|
*/
|
|
@@ -417,8 +410,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
417
410
|
* Triggers when popup is opened.
|
|
418
411
|
*
|
|
419
412
|
* @event open
|
|
420
|
-
* @blazorProperty 'OnOpen'
|
|
421
|
-
* @blazorType PopupObjectArgs
|
|
422
413
|
*/
|
|
423
414
|
open?: EmitType<Object>;
|
|
424
415
|
|
|
@@ -426,8 +417,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
426
417
|
* Triggers when popup is closed.
|
|
427
418
|
*
|
|
428
419
|
* @event close
|
|
429
|
-
* @blazorProperty 'OnClose'
|
|
430
|
-
* @blazorType PopupObjectArgs
|
|
431
420
|
*/
|
|
432
421
|
close?: EmitType<Object>;
|
|
433
422
|
|
|
@@ -456,7 +445,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
456
445
|
* Triggers when DateTimePicker is created.
|
|
457
446
|
*
|
|
458
447
|
* @event created
|
|
459
|
-
* @blazorProperty 'Created'
|
|
460
448
|
*/
|
|
461
449
|
created?: EmitType<Object>;
|
|
462
450
|
|
|
@@ -464,7 +452,6 @@ export interface DateTimePickerModel extends DatePickerModel{
|
|
|
464
452
|
* Triggers when DateTimePicker is destroyed.
|
|
465
453
|
*
|
|
466
454
|
* @event destroyed
|
|
467
|
-
* @blazorProperty 'Destroyed'
|
|
468
455
|
*/
|
|
469
456
|
destroyed?: EmitType<Object>;
|
|
470
457
|
|
|
@@ -62,7 +62,6 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
62
62
|
* Specifies the time interval between the two adjacent time values in the time popup list .
|
|
63
63
|
*
|
|
64
64
|
* @default 30
|
|
65
|
-
* @blazorType int
|
|
66
65
|
*/
|
|
67
66
|
step: number;
|
|
68
67
|
/**
|
|
@@ -71,7 +70,6 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
71
70
|
* {% codeBlock src='datetimepicker/scrollTo/index.md' %}{% endcodeBlock %}
|
|
72
71
|
*
|
|
73
72
|
* @default null
|
|
74
|
-
* @isBlazorNullableType true
|
|
75
73
|
*/
|
|
76
74
|
scrollTo: Date;
|
|
77
75
|
/**
|
|
@@ -79,7 +77,6 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
79
77
|
*
|
|
80
78
|
* @default 1000
|
|
81
79
|
* @aspType int
|
|
82
|
-
* @blazorType int
|
|
83
80
|
*/
|
|
84
81
|
zIndex: number;
|
|
85
82
|
/**
|
|
@@ -225,7 +222,6 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
225
222
|
* {% codeBlock src='datetimepicker/keyConfigs/index.md' %}{% endcodeBlock %}
|
|
226
223
|
*
|
|
227
224
|
* @default null
|
|
228
|
-
* @blazorType object
|
|
229
225
|
*/
|
|
230
226
|
keyConfigs: {
|
|
231
227
|
[key: string]: string;
|
|
@@ -306,14 +302,12 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
306
302
|
* Gets or sets the minimum date that can be selected in the DateTimePicker.
|
|
307
303
|
*
|
|
308
304
|
* @default new Date(1900, 00, 01)
|
|
309
|
-
* @blazorDefaultValue new DateTime(1900, 01, 01)
|
|
310
305
|
*/
|
|
311
306
|
min: Date;
|
|
312
307
|
/**
|
|
313
308
|
* Gets or sets the maximum date that can be selected in the DateTimePicker.
|
|
314
309
|
*
|
|
315
310
|
* @default new Date(2099, 11, 31)
|
|
316
|
-
* @blazorDefaultValue new DateTime(2099, 12, 31)
|
|
317
311
|
*/
|
|
318
312
|
max: Date;
|
|
319
313
|
/**
|
|
@@ -321,7 +315,6 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
321
315
|
*
|
|
322
316
|
* @default 0
|
|
323
317
|
* @aspType int
|
|
324
|
-
* @blazorType int
|
|
325
318
|
* > For more details about firstDayOfWeek refer to
|
|
326
319
|
* [`First day of week`](../../calendar/how-to/first-day-of-week#change-the-first-day-of-the-week) documentation.
|
|
327
320
|
*/
|
|
@@ -440,16 +433,12 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
440
433
|
* Triggers when popup is opened.
|
|
441
434
|
*
|
|
442
435
|
* @event open
|
|
443
|
-
* @blazorProperty 'OnOpen'
|
|
444
|
-
* @blazorType PopupObjectArgs
|
|
445
436
|
*/
|
|
446
437
|
open: EmitType<Object>;
|
|
447
438
|
/**
|
|
448
439
|
* Triggers when popup is closed.
|
|
449
440
|
*
|
|
450
441
|
* @event close
|
|
451
|
-
* @blazorProperty 'OnClose'
|
|
452
|
-
* @blazorType PopupObjectArgs
|
|
453
442
|
*/
|
|
454
443
|
close: EmitType<Object>;
|
|
455
444
|
/**
|
|
@@ -474,14 +463,12 @@ export declare class DateTimePicker extends DatePicker {
|
|
|
474
463
|
* Triggers when DateTimePicker is created.
|
|
475
464
|
*
|
|
476
465
|
* @event created
|
|
477
|
-
* @blazorProperty 'Created'
|
|
478
466
|
*/
|
|
479
467
|
created: EmitType<Object>;
|
|
480
468
|
/**
|
|
481
469
|
* Triggers when DateTimePicker is destroyed.
|
|
482
470
|
*
|
|
483
471
|
* @event destroyed
|
|
484
|
-
* @blazorProperty 'Destroyed'
|
|
485
472
|
*/
|
|
486
473
|
destroyed: EmitType<Object>;
|
|
487
474
|
/**
|