@syncfusion/ej2-react-calendars 19.4.55 → 20.1.52

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 (93) hide show
  1. package/dist/ej2-react-calendars.umd.min.js +1 -1
  2. package/package.json +8 -8
  3. package/styles/bootstrap-dark.css +82 -31
  4. package/styles/bootstrap.css +82 -31
  5. package/styles/bootstrap4.css +82 -31
  6. package/styles/bootstrap5-dark.css +140 -45
  7. package/styles/bootstrap5.css +134 -39
  8. package/styles/calendar/bootstrap-dark.css +9 -5
  9. package/styles/calendar/bootstrap.css +9 -5
  10. package/styles/calendar/bootstrap4.css +9 -5
  11. package/styles/calendar/bootstrap5-dark.css +62 -14
  12. package/styles/calendar/bootstrap5.css +58 -10
  13. package/styles/calendar/fabric-dark.css +4 -0
  14. package/styles/calendar/fabric.css +4 -0
  15. package/styles/calendar/fluent-dark.css +1189 -0
  16. package/styles/calendar/fluent-dark.scss +1 -0
  17. package/styles/calendar/fluent.css +1189 -0
  18. package/styles/calendar/fluent.scss +1 -0
  19. package/styles/calendar/highcontrast-light.css +4 -0
  20. package/styles/calendar/highcontrast.css +4 -0
  21. package/styles/calendar/material-dark.css +4 -0
  22. package/styles/calendar/material.css +4 -0
  23. package/styles/calendar/tailwind-dark.css +158 -34
  24. package/styles/calendar/tailwind.css +158 -34
  25. package/styles/datepicker/bootstrap-dark.css +12 -2
  26. package/styles/datepicker/bootstrap.css +12 -2
  27. package/styles/datepicker/bootstrap4.css +12 -2
  28. package/styles/datepicker/bootstrap5-dark.css +12 -2
  29. package/styles/datepicker/bootstrap5.css +12 -2
  30. package/styles/datepicker/fabric-dark.css +12 -2
  31. package/styles/datepicker/fabric.css +12 -2
  32. package/styles/datepicker/fluent-dark.css +189 -0
  33. package/styles/datepicker/fluent-dark.scss +1 -0
  34. package/styles/datepicker/fluent.css +189 -0
  35. package/styles/datepicker/fluent.scss +1 -0
  36. package/styles/datepicker/highcontrast-light.css +12 -2
  37. package/styles/datepicker/highcontrast.css +12 -2
  38. package/styles/datepicker/material-dark.css +12 -2
  39. package/styles/datepicker/material.css +12 -2
  40. package/styles/datepicker/tailwind-dark.css +15 -5
  41. package/styles/datepicker/tailwind.css +15 -5
  42. package/styles/daterangepicker/bootstrap-dark.css +60 -24
  43. package/styles/daterangepicker/bootstrap.css +60 -24
  44. package/styles/daterangepicker/bootstrap4.css +60 -24
  45. package/styles/daterangepicker/bootstrap5-dark.css +65 -29
  46. package/styles/daterangepicker/bootstrap5.css +63 -27
  47. package/styles/daterangepicker/fabric-dark.css +60 -24
  48. package/styles/daterangepicker/fabric.css +60 -24
  49. package/styles/daterangepicker/fluent-dark.css +1055 -0
  50. package/styles/daterangepicker/fluent-dark.scss +1 -0
  51. package/styles/daterangepicker/fluent.css +1055 -0
  52. package/styles/daterangepicker/fluent.scss +1 -0
  53. package/styles/daterangepicker/highcontrast-light.css +60 -24
  54. package/styles/daterangepicker/highcontrast.css +60 -24
  55. package/styles/daterangepicker/material-dark.css +60 -24
  56. package/styles/daterangepicker/material.css +60 -24
  57. package/styles/daterangepicker/tailwind-dark.css +137 -93
  58. package/styles/daterangepicker/tailwind.css +137 -93
  59. package/styles/datetimepicker/fluent-dark.css +205 -0
  60. package/styles/datetimepicker/fluent-dark.scss +1 -0
  61. package/styles/datetimepicker/fluent.css +205 -0
  62. package/styles/datetimepicker/fluent.scss +1 -0
  63. package/styles/datetimepicker/tailwind-dark.css +1 -1
  64. package/styles/datetimepicker/tailwind.css +1 -1
  65. package/styles/fabric-dark.css +77 -26
  66. package/styles/fabric.css +77 -26
  67. package/styles/fluent-dark.css +2864 -0
  68. package/styles/fluent-dark.scss +5 -0
  69. package/styles/fluent.css +2864 -0
  70. package/styles/fluent.scss +5 -0
  71. package/styles/highcontrast-light.css +77 -26
  72. package/styles/highcontrast.css +77 -26
  73. package/styles/material-dark.css +77 -26
  74. package/styles/material.css +77 -26
  75. package/styles/tailwind-dark.css +316 -137
  76. package/styles/tailwind.css +316 -137
  77. package/styles/timepicker/bootstrap-dark.css +1 -0
  78. package/styles/timepicker/bootstrap.css +1 -0
  79. package/styles/timepicker/bootstrap4.css +1 -0
  80. package/styles/timepicker/bootstrap5-dark.css +1 -0
  81. package/styles/timepicker/bootstrap5.css +1 -0
  82. package/styles/timepicker/fabric-dark.css +1 -0
  83. package/styles/timepicker/fabric.css +1 -0
  84. package/styles/timepicker/fluent-dark.css +222 -0
  85. package/styles/timepicker/fluent-dark.scss +1 -0
  86. package/styles/timepicker/fluent.css +222 -0
  87. package/styles/timepicker/fluent.scss +1 -0
  88. package/styles/timepicker/highcontrast-light.css +1 -0
  89. package/styles/timepicker/highcontrast.css +1 -0
  90. package/styles/timepicker/material-dark.css +1 -0
  91. package/styles/timepicker/material.css +1 -0
  92. package/styles/timepicker/tailwind-dark.css +5 -4
  93. package/styles/timepicker/tailwind.css +5 -4
package/styles/daterangepicker/material.css CHANGED
@@ -234,11 +234,11 @@
234
234
  .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
235
235
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
236
236
  cursor: pointer;
237
+ line-height: 36px;
238
+ width: auto;
237
239
  float: none;
238
240
  font-weight: normal;
239
- line-height: 36px;
240
241
  margin-left: 0;
241
- width: auto;
242
242
  }
243
243
 
244
244
  .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,
@@ -801,38 +801,45 @@
801
801
  }
802
802
 
803
803
  .e-daterangepicker.e-popup,
804
- .e-bigger.e-small .e-daterangepicker.e-popup {
804
+ .e-bigger.e-small .e-daterangepicker.e-popup,
805
+ .e-bigger.e-small.e-daterangepicker.e-popup {
805
806
  background: #fff;
806
807
  }
807
808
 
808
809
  .e-daterangepicker.e-popup .e-calendar,
809
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
810
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
811
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
810
812
  background-color: #fff;
811
813
  }
812
814
 
813
815
  .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
814
816
  .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
815
817
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
816
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
818
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
819
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
820
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
817
821
  color: rgba(0, 0, 0, 0.87);
818
822
  text-decoration: none;
819
823
  }
820
824
 
821
825
  .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
822
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
826
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
827
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
823
828
  background-color: #eee;
824
829
  color: rgba(0, 0, 0, 0.87);
825
830
  }
826
831
 
827
832
  .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
828
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
833
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
834
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
829
835
  background-color: #eee;
830
836
  border: 1px solid #e3165b;
831
837
  color: #e3165b;
832
838
  }
833
839
 
834
840
  .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
835
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
841
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
842
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
836
843
  background: #eee;
837
844
  border: none;
838
845
  color: rgba(0, 0, 0, 0.87);
@@ -843,7 +850,10 @@
843
850
  .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
844
851
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
845
852
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
846
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
853
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
854
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
855
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
856
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
847
857
  background-color: #c8c8c8;
848
858
  border: none;
849
859
  color: rgba(0, 0, 0, 0.87);
@@ -856,12 +866,17 @@
856
866
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
857
867
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
858
868
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
859
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
869
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
870
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
871
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
872
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
873
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
860
874
  border: 1px solid #e3165b;
861
875
  }
862
876
 
863
877
  .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
864
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
878
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
879
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
865
880
  border: 1px solid #e3165b;
866
881
  }
867
882
 
@@ -876,7 +891,13 @@
876
891
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
877
892
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
878
893
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
879
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
894
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
895
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
896
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
897
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
898
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
899
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
900
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
880
901
  background-color: #fff;
881
902
  border: none;
882
903
  color: rgba(0, 0, 0, 0.38);
@@ -885,7 +906,9 @@
885
906
  .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
886
907
  .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
887
908
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
888
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
909
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
910
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
911
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
889
912
  background-color: #fff;
890
913
  border: none;
891
914
  color: rgba(0, 0, 0, 0.38);
@@ -894,36 +917,43 @@
894
917
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
895
918
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
896
919
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
897
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
920
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
921
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
922
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
898
923
  background-color: #e3165b;
899
924
  color: #fff;
900
925
  }
901
926
 
902
927
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
903
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
928
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
929
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
904
930
  background-color: #e3165b;
905
931
  color: #fff;
906
932
  }
907
933
 
908
934
  .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
909
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
935
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
936
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
910
937
  color: #fff;
911
938
  }
912
939
 
913
940
  .e-daterangepicker.e-popup .e-presets,
914
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
941
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
942
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
915
943
  background-color: #fff;
916
944
  color: #000;
917
945
  }
918
946
 
919
947
  .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
920
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
948
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
949
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
921
950
  background-color: #fff;
922
951
  color: #e3165b;
923
952
  }
924
953
 
925
954
  .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
926
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
955
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
956
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
927
957
  background-color: #eee;
928
958
  color: rgba(0, 0, 0, 0.87);
929
959
  }
@@ -931,27 +961,33 @@
931
961
  .e-daterangepicker.e-popup .e-start-label,
932
962
  .e-daterangepicker.e-popup .e-end-label,
933
963
  .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
934
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label {
964
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
965
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
966
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
935
967
  color: rgba(0, 0, 0, 0.87);
936
968
  }
937
969
 
938
970
  .e-daterangepicker.e-popup .e-change-icon,
939
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon {
971
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
972
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
940
973
  color: rgba(0, 0, 0, 0.74);
941
974
  }
942
975
 
943
976
  .e-daterangepicker.e-popup .e-day-span,
944
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span {
977
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
978
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
945
979
  color: rgba(0, 0, 0, 0.54);
946
980
  }
947
981
 
948
982
  .e-daterangepicker.e-popup .e-separator,
949
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
983
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
984
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
950
985
  background-color: rgba(0, 0, 0, 0.12);
951
986
  }
952
987
 
953
988
  .e-daterangepicker.e-popup .e-footer,
954
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
989
+ .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
990
+ .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
955
991
  background-color: #fff;
956
992
  }
957
993