@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.
Files changed (27) hide show
  1. package/dist/ej2-calendars.min.js +2 -2
  2. package/dist/ej2-calendars.umd.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-calendars.es2015.js +20 -5
  5. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  6. package/dist/es6/ej2-calendars.es5.js +20 -5
  7. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  8. package/dist/global/ej2-calendars.min.js +2 -2
  9. package/dist/global/ej2-calendars.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/datepicker/datepicker.js +6 -2
  13. package/src/daterangepicker/daterangepicker.js +10 -3
  14. package/src/datetimepicker/datetimepicker.js +4 -0
  15. package/styles/calendar/_fluent2-definition.scss +1 -1
  16. package/styles/calendar/_theme.scss +6 -1
  17. package/styles/calendar/fluent-dark.css +4 -0
  18. package/styles/calendar/fluent.css +4 -0
  19. package/styles/calendar/fluent2.css +44 -40
  20. package/styles/datepicker/fluent2.css +35 -35
  21. package/styles/daterangepicker/_fluent2-definition.scss +3 -3
  22. package/styles/daterangepicker/fluent2.css +41 -41
  23. package/styles/datetimepicker/fluent2.css +35 -35
  24. package/styles/fluent-dark.css +4 -0
  25. package/styles/fluent.css +4 -0
  26. package/styles/fluent2.css +50 -46
  27. package/styles/timepicker/fluent2.css +35 -35
package/dist/es6/ej2-calendars.es5.js CHANGED
@@ -4974,13 +4974,13 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
4974
4974
  case 'min':
4975
4975
  if ((+this.min === +new Date(1900, 0, 1)) || dynamic) {
4976
4976
  var min = this.inputElement.getAttribute(prop);
4977
- this.setProperties(setValue(prop, this.globalize.parseDate(min), {}), !dynamic);
4977
+ this.setProperties(setValue(prop, this.globalize.parseDate(min, options), {}), !dynamic);
4978
4978
  }
4979
4979
  break;
4980
4980
  case 'max':
4981
4981
  if ((+this.max === +new Date(2099, 11, 31)) || dynamic) {
4982
4982
  var max = this.inputElement.getAttribute(prop);
4983
- this.setProperties(setValue(prop, this.globalize.parseDate(max), {}), !dynamic);
4983
+ this.setProperties(setValue(prop, this.globalize.parseDate(max, options), {}), !dynamic);
4984
4984
  }
4985
4985
  break;
4986
4986
  case 'type':
@@ -5107,6 +5107,10 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
5107
5107
  DatePicker.prototype.onPropertyChanged = function (newProp, oldProp) {
5108
5108
  for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
5109
5109
  var prop = _a[_i];
5110
+ var openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
5111
+ if (openPopup.indexOf(prop) > 0 && this.isReact) {
5112
+ this.isDynamicValueChanged = true;
5113
+ }
5110
5114
  switch (prop) {
5111
5115
  case 'value':
5112
5116
  this.isDynamicValueChanged = true;
@@ -9604,11 +9608,12 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9604
9608
  */
9605
9609
  DateRangePicker.prototype.onPropertyChanged = function (newProp, oldProp) {
9606
9610
  var format = { format: this.formatString, type: 'date', skeleton: 'yMd' };
9611
+ var isDynamicValueChange = false;
9607
9612
  for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
9608
9613
  var prop = _a[_i];
9609
- var openPopup = ['maxDays', 'minDays', 'value'];
9610
- if (openPopup.indexOf(prop) < 0) {
9611
- this.hide(null);
9614
+ var openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
9615
+ if (openPopup.indexOf(prop) > 0 && this.isReact) {
9616
+ isDynamicValueChange = true;
9612
9617
  }
9613
9618
  switch (prop) {
9614
9619
  case 'width':
@@ -9701,6 +9706,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9701
9706
  }
9702
9707
  break;
9703
9708
  case 'value':
9709
+ isDynamicValueChange = true;
9704
9710
  this.invalidValueString = null;
9705
9711
  this.checkInvalidRange(newProp.value);
9706
9712
  if (typeof (newProp.value) === 'string') {
@@ -9776,11 +9782,13 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9776
9782
  this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
9777
9783
  break;
9778
9784
  case 'minDays':
9785
+ isDynamicValueChange = true;
9779
9786
  this.setProperties({ minDays: newProp.minDays }, true);
9780
9787
  this.refreshChange();
9781
9788
  this.setMinMaxDays();
9782
9789
  break;
9783
9790
  case 'maxDays':
9791
+ isDynamicValueChange = true;
9784
9792
  this.setProperties({ maxDays: newProp.maxDays }, true);
9785
9793
  this.refreshChange();
9786
9794
  this.setMinMaxDays();
@@ -9822,6 +9830,9 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
9822
9830
  this.refreshChange();
9823
9831
  break;
9824
9832
  }
9833
+ if (!isDynamicValueChange) {
9834
+ this.hide(null);
9835
+ }
9825
9836
  }
9826
9837
  };
9827
9838
  __decorate$2([
@@ -13982,6 +13993,10 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
13982
13993
  DateTimePicker.prototype.onPropertyChanged = function (newProp, oldProp) {
13983
13994
  for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
13984
13995
  var prop = _a[_i];
13996
+ var openPopup = ['blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
13997
+ if (openPopup.indexOf(prop) > 0 && this.isReact) {
13998
+ this.isDynamicValueChanged = true;
13999
+ }
13985
14000
  switch (prop) {
13986
14001
  case 'value':
13987
14002
  this.isDynamicValueChanged = true;