@syncfusion/ej2-calendars 20.1.56 → 20.2.36

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 (134) hide show
  1. package/dist/ej2-calendars.umd.min.js +2 -2
  2. package/dist/ej2-calendars.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-calendars.es2015.js +115 -14
  4. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es5.js +117 -14
  6. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  7. package/dist/global/ej2-calendars.min.js +2 -2
  8. package/dist/global/ej2-calendars.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/helpers/e2e/calendarHelper.js +86 -70
  11. package/helpers/e2e/datepickerHelper.js +95 -79
  12. package/helpers/e2e/daterangepickerHelper.js +128 -112
  13. package/helpers/e2e/datetimepickerHelper.js +125 -109
  14. package/helpers/e2e/index.js +12 -10
  15. package/helpers/e2e/timepickerHelper.js +62 -46
  16. package/package.json +10 -10
  17. package/src/calendar/calendar.js +4 -0
  18. package/src/datepicker/datepicker.d.ts +1 -0
  19. package/src/datepicker/datepicker.js +2 -0
  20. package/src/daterangepicker/daterangepicker.d.ts +2 -0
  21. package/src/daterangepicker/daterangepicker.js +62 -8
  22. package/src/maskbase/interface.d.ts +1 -0
  23. package/src/maskbase/masked-date-time.d.ts +2 -0
  24. package/src/maskbase/masked-date-time.js +49 -6
  25. package/styles/bootstrap-dark.css +96 -491
  26. package/styles/bootstrap.css +96 -491
  27. package/styles/bootstrap4.css +96 -493
  28. package/styles/bootstrap5-dark.css +97 -499
  29. package/styles/bootstrap5.css +97 -499
  30. package/styles/calendar/_fusionnew-definition.scss +224 -0
  31. package/styles/calendar/_material3-definition.scss +224 -0
  32. package/styles/calendar/bootstrap-dark.css +50 -238
  33. package/styles/calendar/bootstrap.css +50 -238
  34. package/styles/calendar/bootstrap4.css +50 -238
  35. package/styles/calendar/bootstrap5-dark.css +51 -246
  36. package/styles/calendar/bootstrap5.css +51 -246
  37. package/styles/calendar/fabric-dark.css +50 -237
  38. package/styles/calendar/fabric.css +50 -238
  39. package/styles/calendar/fluent-dark.css +56 -270
  40. package/styles/calendar/fluent.css +56 -270
  41. package/styles/calendar/highcontrast-light.css +50 -238
  42. package/styles/calendar/highcontrast.css +50 -238
  43. package/styles/calendar/icons/_fusionnew.scss +12 -0
  44. package/styles/calendar/icons/_material3.scss +12 -0
  45. package/styles/calendar/material-dark.css +50 -238
  46. package/styles/calendar/material.css +50 -238
  47. package/styles/calendar/tailwind-dark.css +53 -261
  48. package/styles/calendar/tailwind.css +53 -261
  49. package/styles/datepicker/_fusionnew-definition.scss +42 -0
  50. package/styles/datepicker/_material3-definition.scss +42 -0
  51. package/styles/datepicker/bootstrap-dark.css +7 -20
  52. package/styles/datepicker/bootstrap.css +7 -20
  53. package/styles/datepicker/bootstrap4.css +7 -21
  54. package/styles/datepicker/bootstrap5-dark.css +7 -20
  55. package/styles/datepicker/bootstrap5.css +7 -20
  56. package/styles/datepicker/fabric-dark.css +7 -20
  57. package/styles/datepicker/fabric.css +7 -20
  58. package/styles/datepicker/fluent-dark.css +7 -21
  59. package/styles/datepicker/fluent.css +7 -21
  60. package/styles/datepicker/highcontrast-light.css +7 -21
  61. package/styles/datepicker/highcontrast.css +7 -21
  62. package/styles/datepicker/icons/_fusionnew.scss +55 -0
  63. package/styles/datepicker/icons/_material3.scss +55 -0
  64. package/styles/datepicker/material-dark.css +7 -22
  65. package/styles/datepicker/material.css +7 -23
  66. package/styles/datepicker/tailwind-dark.css +7 -21
  67. package/styles/datepicker/tailwind.css +7 -21
  68. package/styles/daterangepicker/_fusionnew-definition.scss +223 -0
  69. package/styles/daterangepicker/_material3-definition.scss +223 -0
  70. package/styles/daterangepicker/bootstrap-dark.css +32 -184
  71. package/styles/daterangepicker/bootstrap.css +32 -184
  72. package/styles/daterangepicker/bootstrap4.css +32 -185
  73. package/styles/daterangepicker/bootstrap5-dark.css +32 -185
  74. package/styles/daterangepicker/bootstrap5.css +32 -185
  75. package/styles/daterangepicker/fabric-dark.css +32 -184
  76. package/styles/daterangepicker/fabric.css +32 -184
  77. package/styles/daterangepicker/fluent-dark.css +35 -188
  78. package/styles/daterangepicker/fluent.css +35 -188
  79. package/styles/daterangepicker/highcontrast-light.css +32 -184
  80. package/styles/daterangepicker/highcontrast.css +32 -184
  81. package/styles/daterangepicker/icons/_fusionnew.scss +67 -0
  82. package/styles/daterangepicker/icons/_material3.scss +67 -0
  83. package/styles/daterangepicker/material-dark.css +32 -185
  84. package/styles/daterangepicker/material.css +32 -186
  85. package/styles/daterangepicker/tailwind-dark.css +31 -178
  86. package/styles/daterangepicker/tailwind.css +31 -178
  87. package/styles/datetimepicker/_fusionnew-definition.scss +55 -0
  88. package/styles/datetimepicker/_material3-definition.scss +55 -0
  89. package/styles/datetimepicker/bootstrap-dark.css +7 -30
  90. package/styles/datetimepicker/bootstrap.css +7 -30
  91. package/styles/datetimepicker/bootstrap4.css +7 -30
  92. package/styles/datetimepicker/bootstrap5-dark.css +7 -30
  93. package/styles/datetimepicker/bootstrap5.css +7 -30
  94. package/styles/datetimepicker/fabric-dark.css +7 -30
  95. package/styles/datetimepicker/fabric.css +7 -30
  96. package/styles/datetimepicker/fluent-dark.css +7 -30
  97. package/styles/datetimepicker/fluent.css +7 -30
  98. package/styles/datetimepicker/highcontrast-light.css +7 -30
  99. package/styles/datetimepicker/highcontrast.css +7 -30
  100. package/styles/datetimepicker/icons/_fusionnew.scss +11 -0
  101. package/styles/datetimepicker/icons/_material3.scss +11 -0
  102. package/styles/datetimepicker/material-dark.css +7 -31
  103. package/styles/datetimepicker/material.css +7 -32
  104. package/styles/datetimepicker/tailwind-dark.css +7 -30
  105. package/styles/datetimepicker/tailwind.css +7 -30
  106. package/styles/fabric-dark.css +96 -490
  107. package/styles/fabric.css +96 -491
  108. package/styles/fluent-dark.css +105 -527
  109. package/styles/fluent.css +105 -527
  110. package/styles/highcontrast-light.css +96 -492
  111. package/styles/highcontrast.css +96 -492
  112. package/styles/material-dark.css +96 -496
  113. package/styles/material.css +96 -500
  114. package/styles/tailwind-dark.css +98 -509
  115. package/styles/tailwind.css +98 -509
  116. package/styles/timepicker/_fusionnew-definition.scss +52 -0
  117. package/styles/timepicker/_material3-definition.scss +52 -0
  118. package/styles/timepicker/bootstrap-dark.css +4 -22
  119. package/styles/timepicker/bootstrap.css +4 -22
  120. package/styles/timepicker/bootstrap4.css +4 -22
  121. package/styles/timepicker/bootstrap5-dark.css +4 -22
  122. package/styles/timepicker/bootstrap5.css +4 -22
  123. package/styles/timepicker/fabric-dark.css +4 -22
  124. package/styles/timepicker/fabric.css +4 -22
  125. package/styles/timepicker/fluent-dark.css +4 -22
  126. package/styles/timepicker/fluent.css +4 -22
  127. package/styles/timepicker/highcontrast-light.css +4 -22
  128. package/styles/timepicker/highcontrast.css +4 -22
  129. package/styles/timepicker/icons/_fusionnew.scss +13 -0
  130. package/styles/timepicker/icons/_material3.scss +13 -0
  131. package/styles/timepicker/material-dark.css +4 -23
  132. package/styles/timepicker/material.css +4 -24
  133. package/styles/timepicker/tailwind-dark.css +4 -22
  134. package/styles/timepicker/tailwind.css +4 -22
package/styles/daterangepicker/icons/_fusionnew.scss ADDED
@@ -0,0 +1,67 @@
1
+ @include export-module('daterangepicker-fusionnew-icons') {
2
+ /*! component icons */
3
+ .e-input-group-icon.e-range-icon,
4
+ #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
5
+ border-bottom-right-radius: $range-icon-bottom-right-radius;
6
+ border-right: $range-control-border-right;
7
+ border-top-right-radius: $range-icon-top-right-radius;
8
+ font-size: $range-icon-font-size;
9
+ margin: $range-icon-margin;
10
+ min-height: $range-icon-container-min-height;
11
+ min-width: $range-icon-container-min-width;
12
+ outline: none;
13
+
14
+ #{if(&, '&', '*')}::before {
15
+ content: '\e74c';
16
+ font-family: 'e-icons';
17
+ }
18
+
19
+ #{if(&, '&', '*')}:focus {
20
+ background: $range-icon-hover-color;
21
+ border-radius: $range-icon-border-radius;
22
+ }
23
+ }
24
+
25
+ .e-daterangepicker {
26
+ #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
27
+ content: '\e748';
28
+ }#{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
29
+ content: '\e765';
30
+ }#{if(&, '&', '*')} .e-change-icon::before {
31
+ content: '\e7f9';
32
+ }#{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
33
+ content: '\e765';
34
+ }#{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
35
+ content: '\e748';
36
+ }#{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
37
+ content: '\e773';
38
+ }
39
+ }
40
+
41
+ .e-bigger {
42
+ #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
43
+ #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
44
+ #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
45
+ font-size: $range-bigger-icon-font-size;
46
+ margin: $range-icon-bigger-margin;
47
+ min-height: $range-bigger-icon-container-min-height;
48
+ min-width: $range-bigger-icon-container-min-width;
49
+ outline: none;
50
+ }
51
+ }
52
+
53
+ // mouse small icon
54
+ .e-small .e-input-group-icon.e-range-icon,
55
+ #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
56
+ #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
57
+ font-size: $range-small-icon-font-size;
58
+ }
59
+
60
+ // Touch small icon
61
+ .e-small.e-bigger .e-input-group-icon.e-range-icon,
62
+ #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
63
+ #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
64
+ font-size: $range-bigger-small-icon-font-size;
65
+ }
66
+ }
67
+
package/styles/daterangepicker/icons/_material3.scss ADDED
@@ -0,0 +1,67 @@
1
+ @include export-module('daterangepicker-material3-icons') {
2
+ /*! component icons */
3
+ .e-input-group-icon.e-range-icon,
4
+ #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
5
+ border-bottom-right-radius: $range-icon-bottom-right-radius;
6
+ border-right: $range-control-border-right;
7
+ border-top-right-radius: $range-icon-top-right-radius;
8
+ font-size: $range-icon-font-size;
9
+ margin: $range-icon-margin;
10
+ min-height: $range-icon-container-min-height;
11
+ min-width: $range-icon-container-min-width;
12
+ outline: none;
13
+
14
+ #{if(&, '&', '*')}::before {
15
+ content: '\e74c';
16
+ font-family: 'e-icons';
17
+ }
18
+
19
+ #{if(&, '&', '*')}:focus {
20
+ background: $range-icon-hover-color;
21
+ border-radius: $range-icon-border-radius;
22
+ }
23
+ }
24
+
25
+ .e-daterangepicker {
26
+ #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
27
+ content: '\e748';
28
+ }#{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
29
+ content: '\e765';
30
+ }#{if(&, '&', '*')} .e-change-icon::before {
31
+ content: '\e7f9';
32
+ }#{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
33
+ content: '\e765';
34
+ }#{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
35
+ content: '\e748';
36
+ }#{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
37
+ content: '\e773';
38
+ }
39
+ }
40
+
41
+ .e-bigger {
42
+ #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
43
+ #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
44
+ #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
45
+ font-size: $range-bigger-icon-font-size;
46
+ margin: $range-icon-bigger-margin;
47
+ min-height: $range-bigger-icon-container-min-height;
48
+ min-width: $range-bigger-icon-container-min-width;
49
+ outline: none;
50
+ }
51
+ }
52
+
53
+ // mouse small icon
54
+ .e-small .e-input-group-icon.e-range-icon,
55
+ #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
56
+ #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
57
+ font-size: $range-small-icon-font-size;
58
+ }
59
+
60
+ // Touch small icon
61
+ .e-small.e-bigger .e-input-group-icon.e-range-icon,
62
+ #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
63
+ #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
64
+ font-size: $range-bigger-small-icon-font-size;
65
+ }
66
+ }
67
+