@syncfusion/ej2-react-calendars 20.4.52 → 21.1.35

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 (94) hide show
  1. package/CHANGELOG.md +0 -12
  2. package/README.md +92 -79
  3. package/dist/ej2-react-calendars.min.js +2 -2
  4. package/dist/ej2-react-calendars.umd.min.js +2 -2
  5. package/dist/ej2-react-calendars.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-react-calendars.es2015.js +5 -0
  7. package/dist/es6/ej2-react-calendars.es2015.js.map +1 -1
  8. package/package.json +9 -9
  9. package/src/calendar/calendar.component.d.ts +1 -0
  10. package/src/calendar/calendar.component.js +1 -0
  11. package/src/datepicker/datepicker.component.d.ts +1 -0
  12. package/src/datepicker/datepicker.component.js +1 -0
  13. package/src/daterangepicker/daterangepicker.component.d.ts +1 -0
  14. package/src/daterangepicker/daterangepicker.component.js +1 -0
  15. package/src/datetimepicker/datetimepicker.component.d.ts +1 -0
  16. package/src/datetimepicker/datetimepicker.component.js +1 -0
  17. package/src/timepicker/timepicker.component.d.ts +1 -0
  18. package/src/timepicker/timepicker.component.js +1 -0
  19. package/styles/bootstrap-dark.css +13 -12
  20. package/styles/bootstrap.css +13 -7
  21. package/styles/bootstrap4.css +7 -5
  22. package/styles/bootstrap5-dark.css +21 -19
  23. package/styles/bootstrap5.css +19 -17
  24. package/styles/calendar/bootstrap-dark.css +4 -3
  25. package/styles/calendar/bootstrap.css +3 -2
  26. package/styles/calendar/bootstrap4.css +3 -2
  27. package/styles/calendar/bootstrap5-dark.css +14 -13
  28. package/styles/calendar/bootstrap5.css +13 -12
  29. package/styles/calendar/fabric-dark.css +15 -5
  30. package/styles/calendar/fabric.css +12 -2
  31. package/styles/calendar/fluent-dark.css +51 -28
  32. package/styles/calendar/fluent.css +51 -28
  33. package/styles/calendar/highcontrast-light.css +3 -2
  34. package/styles/calendar/highcontrast.css +14 -4
  35. package/styles/calendar/material-dark.css +14 -4
  36. package/styles/calendar/material.css +12 -2
  37. package/styles/calendar/tailwind-dark.css +11 -10
  38. package/styles/calendar/tailwind.css +11 -10
  39. package/styles/datepicker/bootstrap-dark.css +1 -1
  40. package/styles/datepicker/bootstrap.css +1 -1
  41. package/styles/datepicker/bootstrap5-dark.css +2 -2
  42. package/styles/datepicker/bootstrap5.css +2 -2
  43. package/styles/datepicker/fabric-dark.css +1 -1
  44. package/styles/datepicker/fabric.css +1 -1
  45. package/styles/datepicker/fluent-dark.css +2 -2
  46. package/styles/datepicker/fluent.css +2 -2
  47. package/styles/datepicker/highcontrast-light.css +1 -1
  48. package/styles/datepicker/highcontrast.css +1 -1
  49. package/styles/datepicker/material-dark.css +1 -1
  50. package/styles/datepicker/material.css +1 -1
  51. package/styles/datepicker/tailwind-dark.css +2 -2
  52. package/styles/datepicker/tailwind.css +2 -2
  53. package/styles/daterangepicker/bootstrap-dark.css +6 -6
  54. package/styles/daterangepicker/bootstrap.css +7 -2
  55. package/styles/daterangepicker/bootstrap4.css +3 -2
  56. package/styles/daterangepicker/bootstrap5-dark.css +5 -4
  57. package/styles/daterangepicker/bootstrap5.css +4 -3
  58. package/styles/daterangepicker/fabric-dark.css +2 -2
  59. package/styles/daterangepicker/fabric.css +2 -2
  60. package/styles/daterangepicker/fluent-dark.css +33 -9
  61. package/styles/daterangepicker/fluent.css +33 -9
  62. package/styles/daterangepicker/highcontrast-light.css +2 -2
  63. package/styles/daterangepicker/highcontrast.css +2 -2
  64. package/styles/daterangepicker/material-dark.css +2 -2
  65. package/styles/daterangepicker/material.css +9 -3
  66. package/styles/daterangepicker/tailwind-dark.css +2 -2
  67. package/styles/daterangepicker/tailwind.css +2 -2
  68. package/styles/datetimepicker/bootstrap-dark.css +1 -1
  69. package/styles/datetimepicker/bootstrap.css +1 -1
  70. package/styles/datetimepicker/bootstrap4.css +1 -1
  71. package/styles/datetimepicker/fabric-dark.css +1 -1
  72. package/styles/datetimepicker/fabric.css +1 -1
  73. package/styles/datetimepicker/highcontrast-light.css +1 -1
  74. package/styles/datetimepicker/highcontrast.css +1 -1
  75. package/styles/datetimepicker/material-dark.css +1 -1
  76. package/styles/datetimepicker/material.css +1 -1
  77. package/styles/fabric-dark.css +20 -10
  78. package/styles/fabric.css +20 -8
  79. package/styles/fluent-dark.css +86 -39
  80. package/styles/fluent.css +86 -39
  81. package/styles/highcontrast-light.css +8 -7
  82. package/styles/highcontrast.css +19 -9
  83. package/styles/material-dark.css +19 -9
  84. package/styles/material.css +24 -8
  85. package/styles/tailwind-dark.css +15 -14
  86. package/styles/tailwind.css +15 -14
  87. package/styles/timepicker/bootstrap-dark.css +1 -1
  88. package/styles/timepicker/bootstrap.css +1 -1
  89. package/styles/timepicker/fabric-dark.css +1 -1
  90. package/styles/timepicker/fabric.css +1 -1
  91. package/styles/timepicker/highcontrast-light.css +1 -1
  92. package/styles/timepicker/highcontrast.css +1 -1
  93. package/styles/timepicker/material-dark.css +1 -1
  94. package/styles/timepicker/material.css +1 -1
package/styles/tailwind-dark.css CHANGED
@@ -64,7 +64,7 @@ ejs-calendar {
64
64
  .e-bigger.e-small .e-calendar .e-header {
65
65
  background: none;
66
66
  display: table;
67
- font-weight: normal;
67
+ font-weight: 400;
68
68
  position: relative;
69
69
  text-align: center;
70
70
  width: 100%;
@@ -82,7 +82,7 @@ ejs-calendar {
82
82
  cursor: pointer;
83
83
  display: inline-block;
84
84
  font-size: 20px;
85
- font-weight: normal;
85
+ font-weight: 400;
86
86
  line-height: 16px;
87
87
  padding: 0;
88
88
  vertical-align: middle;
@@ -165,12 +165,12 @@ ejs-calendar {
165
165
  .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
166
166
  .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
167
167
  display: inline-block;
168
- font-weight: normal;
168
+ font-weight: 400;
169
169
  }
170
170
  .e-calendar .e-content tr.e-month-hide,
171
171
  .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
172
172
  display: none;
173
- font-weight: normal;
173
+ font-weight: 400;
174
174
  }
175
175
  .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
176
176
  .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
@@ -303,7 +303,7 @@ ejs-calendar {
303
303
  .e-bigger.e-small .e-calendar .e-content span.e-day {
304
304
  border: none;
305
305
  font-size: 14px;
306
- font-weight: normal;
306
+ font-weight: 400;
307
307
  height: 30px;
308
308
  line-height: 30px;
309
309
  width: 30px;
@@ -337,7 +337,7 @@ ejs-calendar {
337
337
  .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
338
338
  .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
339
339
  .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
340
- font-weight: normal;
340
+ font-weight: 400;
341
341
  height: 50px;
342
342
  line-height: 50px;
343
343
  width: 50px;
@@ -476,7 +476,7 @@ ejs-calendar {
476
476
  .e-bigger.e-calendar .e-content.e-year span.e-day,
477
477
  *.e-bigger .e-calendar .e-content.e-year span.e-day {
478
478
  font-size: 16px;
479
- font-weight: normal;
479
+ font-weight: 400;
480
480
  }
481
481
  .e-bigger.e-calendar .e-content.e-month table,
482
482
  *.e-bigger .e-calendar .e-content.e-month table {
@@ -570,10 +570,11 @@ ejs-calendar {
570
570
  .e-small .e-calendar .e-header {
571
571
  height: 24px;
572
572
  }
573
- .e-small.e-calendar .e-header span,
574
- .e-small .e-calendar .e-header span {
573
+ .e-small.e-calendar .e-header button span,
574
+ .e-small .e-calendar .e-header button span {
575
575
  font-size: 18px;
576
576
  padding: 0;
577
+ line-height: 14px;
577
578
  }
578
579
  .e-small.e-calendar .e-header .e-title,
579
580
  .e-small .e-calendar .e-header .e-title {
@@ -707,7 +708,7 @@ ejs-calendar {
707
708
  .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
708
709
  .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
709
710
  color: #6b7280;
710
- font-weight: normal;
711
+ font-weight: 400;
711
712
  }
712
713
  .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
713
714
  .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
@@ -1143,7 +1144,7 @@ ejs-calendar {
1143
1144
  /*! component icons */
1144
1145
  .e-input-group-icon.e-date-icon,
1145
1146
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
1146
- font-size: 18px;
1147
+ font-size: 16px;
1147
1148
  margin: 0;
1148
1149
  min-height: 18px;
1149
1150
  min-width: 20px;
@@ -1163,7 +1164,7 @@ ejs-calendar {
1163
1164
  .e-bigger .e-input-group-icon.e-date-icon,
1164
1165
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
1165
1166
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1166
- font-size: 22px;
1167
+ font-size: 18px;
1167
1168
  margin: 0;
1168
1169
  min-height: 18px;
1169
1170
  min-width: 20px;
@@ -1498,7 +1499,7 @@ ejs-calendar {
1498
1499
  line-height: 24px;
1499
1500
  width: auto;
1500
1501
  float: none;
1501
- font-weight: normal;
1502
+ font-weight: 400;
1502
1503
  margin-left: 0;
1503
1504
  }
1504
1505
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -1616,7 +1617,7 @@ ejs-calendar {
1616
1617
  }
1617
1618
  .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
1618
1619
  .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1619
- font-size: 13px;
1620
+ font-size: 12px;
1620
1621
  height: 36px;
1621
1622
  line-height: 36px;
1622
1623
  }
package/styles/tailwind.css CHANGED
@@ -64,7 +64,7 @@ ejs-calendar {
64
64
  .e-bigger.e-small .e-calendar .e-header {
65
65
  background: none;
66
66
  display: table;
67
- font-weight: normal;
67
+ font-weight: 400;
68
68
  position: relative;
69
69
  text-align: center;
70
70
  width: 100%;
@@ -82,7 +82,7 @@ ejs-calendar {
82
82
  cursor: pointer;
83
83
  display: inline-block;
84
84
  font-size: 20px;
85
- font-weight: normal;
85
+ font-weight: 400;
86
86
  line-height: 16px;
87
87
  padding: 0;
88
88
  vertical-align: middle;
@@ -165,12 +165,12 @@ ejs-calendar {
165
165
  .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
166
166
  .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
167
167
  display: inline-block;
168
- font-weight: normal;
168
+ font-weight: 400;
169
169
  }
170
170
  .e-calendar .e-content tr.e-month-hide,
171
171
  .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
172
172
  display: none;
173
- font-weight: normal;
173
+ font-weight: 400;
174
174
  }
175
175
  .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
176
176
  .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
@@ -303,7 +303,7 @@ ejs-calendar {
303
303
  .e-bigger.e-small .e-calendar .e-content span.e-day {
304
304
  border: none;
305
305
  font-size: 14px;
306
- font-weight: normal;
306
+ font-weight: 400;
307
307
  height: 30px;
308
308
  line-height: 30px;
309
309
  width: 30px;
@@ -337,7 +337,7 @@ ejs-calendar {
337
337
  .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
338
338
  .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
339
339
  .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
340
- font-weight: normal;
340
+ font-weight: 400;
341
341
  height: 50px;
342
342
  line-height: 50px;
343
343
  width: 50px;
@@ -476,7 +476,7 @@ ejs-calendar {
476
476
  .e-bigger.e-calendar .e-content.e-year span.e-day,
477
477
  *.e-bigger .e-calendar .e-content.e-year span.e-day {
478
478
  font-size: 16px;
479
- font-weight: normal;
479
+ font-weight: 400;
480
480
  }
481
481
  .e-bigger.e-calendar .e-content.e-month table,
482
482
  *.e-bigger .e-calendar .e-content.e-month table {
@@ -570,10 +570,11 @@ ejs-calendar {
570
570
  .e-small .e-calendar .e-header {
571
571
  height: 24px;
572
572
  }
573
- .e-small.e-calendar .e-header span,
574
- .e-small .e-calendar .e-header span {
573
+ .e-small.e-calendar .e-header button span,
574
+ .e-small .e-calendar .e-header button span {
575
575
  font-size: 18px;
576
576
  padding: 0;
577
+ line-height: 14px;
577
578
  }
578
579
  .e-small.e-calendar .e-header .e-title,
579
580
  .e-small .e-calendar .e-header .e-title {
@@ -707,7 +708,7 @@ ejs-calendar {
707
708
  .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
708
709
  .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
709
710
  color: #9ca3af;
710
- font-weight: normal;
711
+ font-weight: 400;
711
712
  }
712
713
  .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
713
714
  .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
@@ -1143,7 +1144,7 @@ ejs-calendar {
1143
1144
  /*! component icons */
1144
1145
  .e-input-group-icon.e-date-icon,
1145
1146
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
1146
- font-size: 18px;
1147
+ font-size: 16px;
1147
1148
  margin: 0;
1148
1149
  min-height: 18px;
1149
1150
  min-width: 20px;
@@ -1163,7 +1164,7 @@ ejs-calendar {
1163
1164
  .e-bigger .e-input-group-icon.e-date-icon,
1164
1165
  *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
1165
1166
  *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1166
- font-size: 22px;
1167
+ font-size: 18px;
1167
1168
  margin: 0;
1168
1169
  min-height: 18px;
1169
1170
  min-width: 20px;
@@ -1498,7 +1499,7 @@ ejs-calendar {
1498
1499
  line-height: 24px;
1499
1500
  width: auto;
1500
1501
  float: none;
1501
- font-weight: normal;
1502
+ font-weight: 400;
1502
1503
  margin-left: 0;
1503
1504
  }
1504
1505
  .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
@@ -1616,7 +1617,7 @@ ejs-calendar {
1616
1617
  }
1617
1618
  .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
1618
1619
  .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1619
- font-size: 13px;
1620
+ font-size: 12px;
1620
1621
  height: 36px;
1621
1622
  line-height: 36px;
1622
1623
  }
package/styles/timepicker/bootstrap-dark.css CHANGED
@@ -76,7 +76,7 @@
76
76
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
77
77
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
78
78
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
79
- font-size: 16px;
79
+ font-size: 18px;
80
80
  }
81
81
 
82
82
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
package/styles/timepicker/bootstrap.css CHANGED
@@ -76,7 +76,7 @@
76
76
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
77
77
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
78
78
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
79
- font-size: 16px;
79
+ font-size: 18px;
80
80
  }
81
81
 
82
82
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
package/styles/timepicker/fabric-dark.css CHANGED
@@ -76,7 +76,7 @@
76
76
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
77
77
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
78
78
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
79
- font-size: 20px;
79
+ font-size: 18px;
80
80
  }
81
81
 
82
82
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
package/styles/timepicker/fabric.css CHANGED
@@ -76,7 +76,7 @@
76
76
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
77
77
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
78
78
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
79
- font-size: 20px;
79
+ font-size: 18px;
80
80
  }
81
81
 
82
82
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
package/styles/timepicker/highcontrast-light.css CHANGED
@@ -76,7 +76,7 @@
76
76
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
77
77
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
78
78
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
79
- font-size: 20px;
79
+ font-size: 18px;
80
80
  }
81
81
 
82
82
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
package/styles/timepicker/highcontrast.css CHANGED
@@ -76,7 +76,7 @@
76
76
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
77
77
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
78
78
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
79
- font-size: 20px;
79
+ font-size: 18px;
80
80
  }
81
81
 
82
82
  .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
package/styles/timepicker/material-dark.css CHANGED
@@ -113,7 +113,7 @@
113
113
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
114
114
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
115
115
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
116
- font-size: 20px;
116
+ font-size: 18px;
117
117
  min-height: 22px;
118
118
  min-width: 22px;
119
119
  }
package/styles/timepicker/material.css CHANGED
@@ -121,7 +121,7 @@
121
121
  *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
122
122
  *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
123
123
  *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
124
- font-size: 20px;
124
+ font-size: 18px;
125
125
  min-height: 22px;
126
126
  min-width: 22px;
127
127
  }