@syncfusion/ej2-calendars 26.1.38 → 26.1.41
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/dist/ej2-calendars.min.js +2 -2
- 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 +20 -5
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +20 -5
- 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 +8 -8
- package/src/datepicker/datepicker.js +6 -2
- package/src/daterangepicker/daterangepicker.js +10 -3
- package/src/datetimepicker/datetimepicker.js +4 -0
- package/styles/calendar/_fluent2-definition.scss +1 -1
- package/styles/calendar/_theme.scss +6 -1
- package/styles/calendar/fluent-dark.css +4 -0
- package/styles/calendar/fluent.css +4 -0
- package/styles/calendar/fluent2.css +44 -40
- package/styles/datepicker/fluent2.css +35 -35
- package/styles/daterangepicker/_fluent2-definition.scss +3 -3
- package/styles/daterangepicker/fluent2.css +41 -41
- package/styles/datetimepicker/fluent2.css +35 -35
- package/styles/fluent-dark.css +4 -0
- package/styles/fluent.css +4 -0
- package/styles/fluent2.css +50 -46
- package/styles/timepicker/fluent2.css +35 -35
|
@@ -4927,13 +4927,13 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
4927
4927
|
case 'min':
|
|
4928
4928
|
if ((+this.min === +new Date(1900, 0, 1)) || dynamic) {
|
|
4929
4929
|
const min = this.inputElement.getAttribute(prop);
|
|
4930
|
-
this.setProperties(setValue(prop, this.globalize.parseDate(min), {}), !dynamic);
|
|
4930
|
+
this.setProperties(setValue(prop, this.globalize.parseDate(min, options), {}), !dynamic);
|
|
4931
4931
|
}
|
|
4932
4932
|
break;
|
|
4933
4933
|
case 'max':
|
|
4934
4934
|
if ((+this.max === +new Date(2099, 11, 31)) || dynamic) {
|
|
4935
4935
|
const max = this.inputElement.getAttribute(prop);
|
|
4936
|
-
this.setProperties(setValue(prop, this.globalize.parseDate(max), {}), !dynamic);
|
|
4936
|
+
this.setProperties(setValue(prop, this.globalize.parseDate(max, options), {}), !dynamic);
|
|
4937
4937
|
}
|
|
4938
4938
|
break;
|
|
4939
4939
|
case 'type':
|
|
@@ -5057,6 +5057,10 @@ let DatePicker = class DatePicker extends Calendar {
|
|
|
5057
5057
|
*/
|
|
5058
5058
|
onPropertyChanged(newProp, oldProp) {
|
|
5059
5059
|
for (const prop of Object.keys(newProp)) {
|
|
5060
|
+
const openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
|
|
5061
|
+
if (openPopup.indexOf(prop) > 0 && this.isReact) {
|
|
5062
|
+
this.isDynamicValueChanged = true;
|
|
5063
|
+
}
|
|
5060
5064
|
switch (prop) {
|
|
5061
5065
|
case 'value':
|
|
5062
5066
|
this.isDynamicValueChanged = true;
|
|
@@ -9509,10 +9513,11 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9509
9513
|
*/
|
|
9510
9514
|
onPropertyChanged(newProp, oldProp) {
|
|
9511
9515
|
const format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
|
|
9516
|
+
let isDynamicValueChange = false;
|
|
9512
9517
|
for (const prop of Object.keys(newProp)) {
|
|
9513
|
-
const openPopup = ['
|
|
9514
|
-
if (openPopup.indexOf(prop)
|
|
9515
|
-
|
|
9518
|
+
const openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
|
|
9519
|
+
if (openPopup.indexOf(prop) > 0 && this.isReact) {
|
|
9520
|
+
isDynamicValueChange = true;
|
|
9516
9521
|
}
|
|
9517
9522
|
switch (prop) {
|
|
9518
9523
|
case 'width':
|
|
@@ -9605,6 +9610,7 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9605
9610
|
}
|
|
9606
9611
|
break;
|
|
9607
9612
|
case 'value':
|
|
9613
|
+
isDynamicValueChange = true;
|
|
9608
9614
|
this.invalidValueString = null;
|
|
9609
9615
|
this.checkInvalidRange(newProp.value);
|
|
9610
9616
|
if (typeof (newProp.value) === 'string') {
|
|
@@ -9680,11 +9686,13 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9680
9686
|
this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
|
|
9681
9687
|
break;
|
|
9682
9688
|
case 'minDays':
|
|
9689
|
+
isDynamicValueChange = true;
|
|
9683
9690
|
this.setProperties({ minDays: newProp.minDays }, true);
|
|
9684
9691
|
this.refreshChange();
|
|
9685
9692
|
this.setMinMaxDays();
|
|
9686
9693
|
break;
|
|
9687
9694
|
case 'maxDays':
|
|
9695
|
+
isDynamicValueChange = true;
|
|
9688
9696
|
this.setProperties({ maxDays: newProp.maxDays }, true);
|
|
9689
9697
|
this.refreshChange();
|
|
9690
9698
|
this.setMinMaxDays();
|
|
@@ -9726,6 +9734,9 @@ let DateRangePicker = class DateRangePicker extends CalendarBase {
|
|
|
9726
9734
|
this.refreshChange();
|
|
9727
9735
|
break;
|
|
9728
9736
|
}
|
|
9737
|
+
if (!isDynamicValueChange) {
|
|
9738
|
+
this.hide(null);
|
|
9739
|
+
}
|
|
9729
9740
|
}
|
|
9730
9741
|
}
|
|
9731
9742
|
};
|
|
@@ -13835,6 +13846,10 @@ let DateTimePicker = class DateTimePicker extends DatePicker {
|
|
|
13835
13846
|
*/
|
|
13836
13847
|
onPropertyChanged(newProp, oldProp) {
|
|
13837
13848
|
for (const prop of Object.keys(newProp)) {
|
|
13849
|
+
const openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
|
|
13850
|
+
if (openPopup.indexOf(prop) > 0 && this.isReact) {
|
|
13851
|
+
this.isDynamicValueChanged = true;
|
|
13852
|
+
}
|
|
13838
13853
|
switch (prop) {
|
|
13839
13854
|
case 'value':
|
|
13840
13855
|
this.isDynamicValueChanged = true;
|