@syncfusion/ej2-calendars 24.2.3 → 24.2.8

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 (58) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +103 -40
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +103 -40
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -10
  13. package/src/calendar/calendar.d.ts +2 -0
  14. package/src/calendar/calendar.js +86 -21
  15. package/src/datepicker/datepicker.js +7 -3
  16. package/src/daterangepicker/daterangepicker.d.ts +0 -2
  17. package/src/daterangepicker/daterangepicker.js +8 -12
  18. package/src/maskbase/masked-date-time.js +2 -4
  19. package/styles/bootstrap-dark.css +2 -2
  20. package/styles/bootstrap.css +1 -1
  21. package/styles/bootstrap4.css +2 -2
  22. package/styles/bootstrap5-dark.css +1 -1
  23. package/styles/bootstrap5.css +1 -1
  24. package/styles/calendar/_bootstrap-dark-definition.scss +2 -2
  25. package/styles/calendar/_bootstrap4-definition.scss +2 -2
  26. package/styles/calendar/_material-dark-definition.scss +1 -1
  27. package/styles/calendar/_material-definition.scss +1 -1
  28. package/styles/calendar/_material3-definition.scss +1 -1
  29. package/styles/calendar/_theme.scss +1 -1
  30. package/styles/calendar/bootstrap-dark.css +2 -2
  31. package/styles/calendar/bootstrap.css +1 -1
  32. package/styles/calendar/bootstrap4.css +2 -2
  33. package/styles/calendar/bootstrap5-dark.css +1 -1
  34. package/styles/calendar/bootstrap5.css +1 -1
  35. package/styles/calendar/fabric-dark.css +1 -1
  36. package/styles/calendar/fabric.css +1 -1
  37. package/styles/calendar/fluent-dark.css +1 -1
  38. package/styles/calendar/fluent.css +1 -1
  39. package/styles/calendar/highcontrast-light.css +1 -1
  40. package/styles/calendar/highcontrast.css +1 -1
  41. package/styles/calendar/material-dark.css +10 -10
  42. package/styles/calendar/material.css +10 -10
  43. package/styles/calendar/material3-dark.css +10 -10
  44. package/styles/calendar/material3.css +10 -10
  45. package/styles/calendar/tailwind-dark.css +1 -1
  46. package/styles/calendar/tailwind.css +1 -1
  47. package/styles/fabric-dark.css +1 -1
  48. package/styles/fabric.css +1 -1
  49. package/styles/fluent-dark.css +1 -1
  50. package/styles/fluent.css +1 -1
  51. package/styles/highcontrast-light.css +1 -1
  52. package/styles/highcontrast.css +1 -1
  53. package/styles/material-dark.css +10 -10
  54. package/styles/material.css +10 -10
  55. package/styles/material3-dark.css +10 -10
  56. package/styles/material3.css +10 -10
  57. package/styles/tailwind-dark.css +1 -1
  58. package/styles/tailwind.css +1 -1
package/styles/calendar/highcontrast-light.css CHANGED
@@ -843,7 +843,7 @@ ejs-calendar {
843
843
  transform: scale(1);
844
844
  }
845
845
  }
846
- .e-calendar .e-cell.e-focused-cell {
846
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
847
847
  box-shadow: 0 0 0 1px #fff;
848
848
  border-radius: 0;
849
849
  }
package/styles/calendar/highcontrast.css CHANGED
@@ -853,7 +853,7 @@ ejs-calendar {
853
853
  transform: scale(1);
854
854
  }
855
855
  }
856
- .e-calendar .e-cell.e-focused-cell {
856
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
857
857
  box-shadow: 0 0 0 1px #fff;
858
858
  border-radius: 0;
859
859
  }
package/styles/calendar/material-dark.css CHANGED
@@ -200,7 +200,7 @@ ejs-calendar {
200
200
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
201
201
  .e-bigger.e-small .e-calendar .e-header .e-prev,
202
202
  .e-bigger.e-small .e-calendar .e-header .e-next {
203
- border-radius: 4px;
203
+ border-radius: 50%;
204
204
  display: inline-block;
205
205
  font-size: 14px;
206
206
  vertical-align: middle;
@@ -702,14 +702,14 @@ ejs-calendar {
702
702
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
703
703
  background: rgba(255, 255, 255, 0.1);
704
704
  border: none;
705
- border-radius: 4px;
705
+ border-radius: 50%;
706
706
  box-shadow: none;
707
707
  }
708
708
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
709
709
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
710
710
  background-color: rgba(255, 255, 255, 0.1);
711
711
  border: none;
712
- border-radius: 4px;
712
+ border-radius: 50%;
713
713
  color: #fff;
714
714
  }
715
715
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -717,7 +717,7 @@ ejs-calendar {
717
717
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
718
718
  background: none;
719
719
  border: 1px solid #00b0ff;
720
- border-radius: 4px;
720
+ border-radius: 50%;
721
721
  box-shadow: none;
722
722
  color: #00b0ff;
723
723
  }
@@ -733,7 +733,7 @@ ejs-calendar {
733
733
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
734
734
  background-color: rgba(255, 255, 255, 0.1);
735
735
  border: none;
736
- border-radius: 4px;
736
+ border-radius: 50%;
737
737
  color: #00b0ff;
738
738
  }
739
739
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -792,7 +792,7 @@ ejs-calendar {
792
792
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
793
793
  background-color: rgba(255, 255, 255, 0.1);
794
794
  border: none;
795
- border-radius: 4px;
795
+ border-radius: 50%;
796
796
  color: #fff;
797
797
  }
798
798
  .e-calendar .e-content td:focus span.e-day,
@@ -800,7 +800,7 @@ ejs-calendar {
800
800
  background-color: rgba(255, 255, 255, 0.1);
801
801
  color: #fff;
802
802
  border: none;
803
- border-radius: 4px;
803
+ border-radius: 50%;
804
804
  }
805
805
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
806
806
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -814,7 +814,7 @@ ejs-calendar {
814
814
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
815
815
  background-color: #00b0ff;
816
816
  border: none;
817
- border-radius: 4px;
817
+ border-radius: 50%;
818
818
  color: #000;
819
819
  }
820
820
  .e-calendar .e-content .e-footer,
@@ -852,7 +852,7 @@ ejs-calendar {
852
852
  transform: scale(1);
853
853
  }
854
854
  }
855
- .e-calendar .e-cell.e-focused-cell {
855
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
856
856
  box-shadow: 0 0 0 1px #fff;
857
- border-radius: 4px;
857
+ border-radius: 50%;
858
858
  }
package/styles/calendar/material.css CHANGED
@@ -201,7 +201,7 @@ ejs-calendar {
201
201
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
202
202
  .e-bigger.e-small .e-calendar .e-header .e-prev,
203
203
  .e-bigger.e-small .e-calendar .e-header .e-next {
204
- border-radius: 4px;
204
+ border-radius: 50%;
205
205
  display: inline-block;
206
206
  font-size: 14px;
207
207
  vertical-align: middle;
@@ -703,14 +703,14 @@ ejs-calendar {
703
703
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
704
704
  background: #eee;
705
705
  border: none;
706
- border-radius: 4px;
706
+ border-radius: 50%;
707
707
  box-shadow: none;
708
708
  }
709
709
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
710
710
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
711
711
  background-color: #eee;
712
712
  border: none;
713
- border-radius: 4px;
713
+ border-radius: 50%;
714
714
  color: rgba(0, 0, 0, 0.87);
715
715
  }
716
716
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -718,7 +718,7 @@ ejs-calendar {
718
718
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
719
719
  background: none;
720
720
  border: 1px solid #e3165b;
721
- border-radius: 4px;
721
+ border-radius: 50%;
722
722
  box-shadow: none;
723
723
  color: #e3165b;
724
724
  }
@@ -734,7 +734,7 @@ ejs-calendar {
734
734
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
735
735
  background-color: #eee;
736
736
  border: none;
737
- border-radius: 4px;
737
+ border-radius: 50%;
738
738
  color: #e3165b;
739
739
  }
740
740
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -793,7 +793,7 @@ ejs-calendar {
793
793
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
794
794
  background-color: #eee;
795
795
  border: none;
796
- border-radius: 4px;
796
+ border-radius: 50%;
797
797
  color: rgba(0, 0, 0, 0.87);
798
798
  }
799
799
  .e-calendar .e-content td:focus span.e-day,
@@ -801,7 +801,7 @@ ejs-calendar {
801
801
  background-color: #eee;
802
802
  color: rgba(0, 0, 0, 0.87);
803
803
  border: none;
804
- border-radius: 4px;
804
+ border-radius: 50%;
805
805
  }
806
806
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
807
807
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -815,7 +815,7 @@ ejs-calendar {
815
815
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
816
816
  background-color: #e3165b;
817
817
  border: none;
818
- border-radius: 4px;
818
+ border-radius: 50%;
819
819
  color: #fff;
820
820
  }
821
821
  .e-calendar .e-content .e-footer,
@@ -853,7 +853,7 @@ ejs-calendar {
853
853
  transform: scale(1);
854
854
  }
855
855
  }
856
- .e-calendar .e-cell.e-focused-cell {
856
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
857
857
  box-shadow: 0 0 0 1px #212121;
858
- border-radius: 4px;
858
+ border-radius: 50%;
859
859
  }
package/styles/calendar/material3-dark.css CHANGED
@@ -256,7 +256,7 @@ ejs-calendar {
256
256
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
257
257
  .e-bigger.e-small .e-calendar .e-header .e-prev,
258
258
  .e-bigger.e-small .e-calendar .e-header .e-next {
259
- border-radius: 4px;
259
+ border-radius: 32px;
260
260
  display: inline-block;
261
261
  font-size: 16px;
262
262
  vertical-align: middle;
@@ -762,14 +762,14 @@ ejs-calendar {
762
762
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
763
763
  background: rgba(var(--color-sf-on-surface), 0.05);
764
764
  border: none;
765
- border-radius: 4px;
765
+ border-radius: 32px;
766
766
  box-shadow: none;
767
767
  }
768
768
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
769
769
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
770
770
  background: rgba(var(--color-sf-on-surface), 0.05);
771
771
  border: none;
772
- border-radius: 4px;
772
+ border-radius: 32px;
773
773
  color: rgba(var(--color-sf-on-surface));
774
774
  }
775
775
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -777,7 +777,7 @@ ejs-calendar {
777
777
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
778
778
  background: none;
779
779
  border: 1px solid rgba(var(--color-sf-primary));
780
- border-radius: 4px;
780
+ border-radius: 32px;
781
781
  box-shadow: none;
782
782
  color: rgba(var(--color-sf-primary));
783
783
  }
@@ -793,7 +793,7 @@ ejs-calendar {
793
793
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
794
794
  background: rgba(var(--color-sf-primary));
795
795
  border: none;
796
- border-radius: 4px;
796
+ border-radius: 32px;
797
797
  color: rgba(var(--color-sf-primary));
798
798
  }
799
799
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -852,7 +852,7 @@ ejs-calendar {
852
852
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
853
853
  background: rgba(var(--color-sf-on-surface), 0.05);
854
854
  border: none;
855
- border-radius: 4px;
855
+ border-radius: 32px;
856
856
  color: rgba(var(--color-sf-on-surface));
857
857
  }
858
858
  .e-calendar .e-content td:focus span.e-day,
@@ -860,7 +860,7 @@ ejs-calendar {
860
860
  background: rgba(var(--color-sf-primary));
861
861
  color: rgba(var(--color-sf-on-primary));
862
862
  border: none;
863
- border-radius: 4px;
863
+ border-radius: 32px;
864
864
  }
865
865
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
866
866
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -874,7 +874,7 @@ ejs-calendar {
874
874
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
875
875
  background: rgba(var(--color-sf-primary));
876
876
  border: none;
877
- border-radius: 4px;
877
+ border-radius: 32px;
878
878
  color: rgba(var(--color-sf-on-primary));
879
879
  }
880
880
  .e-calendar .e-content .e-footer,
@@ -912,7 +912,7 @@ ejs-calendar {
912
912
  transform: scale(1);
913
913
  }
914
914
  }
915
- .e-calendar .e-cell.e-focused-cell {
915
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
916
916
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
917
- border-radius: 4px;
917
+ border-radius: 32px;
918
918
  }
package/styles/calendar/material3.css CHANGED
@@ -312,7 +312,7 @@ ejs-calendar {
312
312
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
313
313
  .e-bigger.e-small .e-calendar .e-header .e-prev,
314
314
  .e-bigger.e-small .e-calendar .e-header .e-next {
315
- border-radius: 4px;
315
+ border-radius: 32px;
316
316
  display: inline-block;
317
317
  font-size: 16px;
318
318
  vertical-align: middle;
@@ -818,14 +818,14 @@ ejs-calendar {
818
818
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
819
819
  background: rgba(var(--color-sf-on-surface), 0.05);
820
820
  border: none;
821
- border-radius: 4px;
821
+ border-radius: 32px;
822
822
  box-shadow: none;
823
823
  }
824
824
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
825
825
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
826
826
  background: rgba(var(--color-sf-on-surface), 0.05);
827
827
  border: none;
828
- border-radius: 4px;
828
+ border-radius: 32px;
829
829
  color: rgba(var(--color-sf-on-surface));
830
830
  }
831
831
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -833,7 +833,7 @@ ejs-calendar {
833
833
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
834
834
  background: none;
835
835
  border: 1px solid rgba(var(--color-sf-primary));
836
- border-radius: 4px;
836
+ border-radius: 32px;
837
837
  box-shadow: none;
838
838
  color: rgba(var(--color-sf-primary));
839
839
  }
@@ -849,7 +849,7 @@ ejs-calendar {
849
849
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
850
850
  background: rgba(var(--color-sf-primary));
851
851
  border: none;
852
- border-radius: 4px;
852
+ border-radius: 32px;
853
853
  color: rgba(var(--color-sf-primary));
854
854
  }
855
855
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -908,7 +908,7 @@ ejs-calendar {
908
908
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
909
909
  background: rgba(var(--color-sf-on-surface), 0.05);
910
910
  border: none;
911
- border-radius: 4px;
911
+ border-radius: 32px;
912
912
  color: rgba(var(--color-sf-on-surface));
913
913
  }
914
914
  .e-calendar .e-content td:focus span.e-day,
@@ -916,7 +916,7 @@ ejs-calendar {
916
916
  background: rgba(var(--color-sf-primary));
917
917
  color: rgba(var(--color-sf-on-primary));
918
918
  border: none;
919
- border-radius: 4px;
919
+ border-radius: 32px;
920
920
  }
921
921
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
922
922
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -930,7 +930,7 @@ ejs-calendar {
930
930
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
931
931
  background: rgba(var(--color-sf-primary));
932
932
  border: none;
933
- border-radius: 4px;
933
+ border-radius: 32px;
934
934
  color: rgba(var(--color-sf-on-primary));
935
935
  }
936
936
  .e-calendar .e-content .e-footer,
@@ -968,7 +968,7 @@ ejs-calendar {
968
968
  transform: scale(1);
969
969
  }
970
970
  }
971
- .e-calendar .e-cell.e-focused-cell {
971
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
972
972
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
973
- border-radius: 4px;
973
+ border-radius: 32px;
974
974
  }
package/styles/calendar/tailwind-dark.css CHANGED
@@ -945,7 +945,7 @@ ejs-calendar {
945
945
  transform: scale(1);
946
946
  }
947
947
  }
948
- .e-calendar .e-cell.e-focused-cell {
948
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
949
949
  box-shadow: 0 0 0 1px #8b919e;
950
950
  border-radius: 4px;
951
951
  }
package/styles/calendar/tailwind.css CHANGED
@@ -945,7 +945,7 @@ ejs-calendar {
945
945
  transform: scale(1);
946
946
  }
947
947
  }
948
- .e-calendar .e-cell.e-focused-cell {
948
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
949
949
  box-shadow: 0 0 0 1px #9ca3af;
950
950
  border-radius: 4px;
951
951
  }
package/styles/fabric-dark.css CHANGED
@@ -848,7 +848,7 @@ ejs-calendar {
848
848
  transform: scale(1);
849
849
  }
850
850
  }
851
- .e-calendar .e-cell.e-focused-cell {
851
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
852
852
  box-shadow: 0 0 0 1px #333232;
853
853
  border-radius: 0;
854
854
  }
package/styles/fabric.css CHANGED
@@ -853,7 +853,7 @@ ejs-calendar {
853
853
  transform: scale(1);
854
854
  }
855
855
  }
856
- .e-calendar .e-cell.e-focused-cell {
856
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
857
857
  box-shadow: 0 0 0 1px #000;
858
858
  border-radius: 0;
859
859
  }
package/styles/fluent-dark.css CHANGED
@@ -1019,7 +1019,7 @@ ejs-calendar {
1019
1019
  color: #484644;
1020
1020
  }
1021
1021
 
1022
- .e-calendar .e-cell.e-focused-cell {
1022
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
1023
1023
  box-shadow: 0 0 0 1px #a19f9d;
1024
1024
  border-radius: 2px;
1025
1025
  }
package/styles/fluent.css CHANGED
@@ -1019,7 +1019,7 @@ ejs-calendar {
1019
1019
  color: #a19f9d;
1020
1020
  }
1021
1021
 
1022
- .e-calendar .e-cell.e-focused-cell {
1022
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
1023
1023
  box-shadow: 0 0 0 1px #605e5c;
1024
1024
  border-radius: 2px;
1025
1025
  }
package/styles/highcontrast-light.css CHANGED
@@ -843,7 +843,7 @@ ejs-calendar {
843
843
  transform: scale(1);
844
844
  }
845
845
  }
846
- .e-calendar .e-cell.e-focused-cell {
846
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
847
847
  box-shadow: 0 0 0 1px #fff;
848
848
  border-radius: 0;
849
849
  }
package/styles/highcontrast.css CHANGED
@@ -853,7 +853,7 @@ ejs-calendar {
853
853
  transform: scale(1);
854
854
  }
855
855
  }
856
- .e-calendar .e-cell.e-focused-cell {
856
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
857
857
  box-shadow: 0 0 0 1px #fff;
858
858
  border-radius: 0;
859
859
  }
package/styles/material-dark.css CHANGED
@@ -200,7 +200,7 @@ ejs-calendar {
200
200
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
201
201
  .e-bigger.e-small .e-calendar .e-header .e-prev,
202
202
  .e-bigger.e-small .e-calendar .e-header .e-next {
203
- border-radius: 4px;
203
+ border-radius: 50%;
204
204
  display: inline-block;
205
205
  font-size: 14px;
206
206
  vertical-align: middle;
@@ -702,14 +702,14 @@ ejs-calendar {
702
702
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
703
703
  background: rgba(255, 255, 255, 0.1);
704
704
  border: none;
705
- border-radius: 4px;
705
+ border-radius: 50%;
706
706
  box-shadow: none;
707
707
  }
708
708
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
709
709
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
710
710
  background-color: rgba(255, 255, 255, 0.1);
711
711
  border: none;
712
- border-radius: 4px;
712
+ border-radius: 50%;
713
713
  color: #fff;
714
714
  }
715
715
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -717,7 +717,7 @@ ejs-calendar {
717
717
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
718
718
  background: none;
719
719
  border: 1px solid #00b0ff;
720
- border-radius: 4px;
720
+ border-radius: 50%;
721
721
  box-shadow: none;
722
722
  color: #00b0ff;
723
723
  }
@@ -733,7 +733,7 @@ ejs-calendar {
733
733
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
734
734
  background-color: rgba(255, 255, 255, 0.1);
735
735
  border: none;
736
- border-radius: 4px;
736
+ border-radius: 50%;
737
737
  color: #00b0ff;
738
738
  }
739
739
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -792,7 +792,7 @@ ejs-calendar {
792
792
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
793
793
  background-color: rgba(255, 255, 255, 0.1);
794
794
  border: none;
795
- border-radius: 4px;
795
+ border-radius: 50%;
796
796
  color: #fff;
797
797
  }
798
798
  .e-calendar .e-content td:focus span.e-day,
@@ -800,7 +800,7 @@ ejs-calendar {
800
800
  background-color: rgba(255, 255, 255, 0.1);
801
801
  color: #fff;
802
802
  border: none;
803
- border-radius: 4px;
803
+ border-radius: 50%;
804
804
  }
805
805
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
806
806
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -814,7 +814,7 @@ ejs-calendar {
814
814
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
815
815
  background-color: #00b0ff;
816
816
  border: none;
817
- border-radius: 4px;
817
+ border-radius: 50%;
818
818
  color: #000;
819
819
  }
820
820
  .e-calendar .e-content .e-footer,
@@ -852,9 +852,9 @@ ejs-calendar {
852
852
  transform: scale(1);
853
853
  }
854
854
  }
855
- .e-calendar .e-cell.e-focused-cell {
855
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
856
856
  box-shadow: 0 0 0 1px #fff;
857
- border-radius: 4px;
857
+ border-radius: 50%;
858
858
  }
859
859
 
860
860
  /* stylelint-disable property-no-vendor-prefix */
package/styles/material.css CHANGED
@@ -201,7 +201,7 @@ ejs-calendar {
201
201
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
202
202
  .e-bigger.e-small .e-calendar .e-header .e-prev,
203
203
  .e-bigger.e-small .e-calendar .e-header .e-next {
204
- border-radius: 4px;
204
+ border-radius: 50%;
205
205
  display: inline-block;
206
206
  font-size: 14px;
207
207
  vertical-align: middle;
@@ -703,14 +703,14 @@ ejs-calendar {
703
703
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
704
704
  background: #eee;
705
705
  border: none;
706
- border-radius: 4px;
706
+ border-radius: 50%;
707
707
  box-shadow: none;
708
708
  }
709
709
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
710
710
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
711
711
  background-color: #eee;
712
712
  border: none;
713
- border-radius: 4px;
713
+ border-radius: 50%;
714
714
  color: rgba(0, 0, 0, 0.87);
715
715
  }
716
716
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -718,7 +718,7 @@ ejs-calendar {
718
718
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
719
719
  background: none;
720
720
  border: 1px solid #e3165b;
721
- border-radius: 4px;
721
+ border-radius: 50%;
722
722
  box-shadow: none;
723
723
  color: #e3165b;
724
724
  }
@@ -734,7 +734,7 @@ ejs-calendar {
734
734
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
735
735
  background-color: #eee;
736
736
  border: none;
737
- border-radius: 4px;
737
+ border-radius: 50%;
738
738
  color: #e3165b;
739
739
  }
740
740
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -793,7 +793,7 @@ ejs-calendar {
793
793
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
794
794
  background-color: #eee;
795
795
  border: none;
796
- border-radius: 4px;
796
+ border-radius: 50%;
797
797
  color: rgba(0, 0, 0, 0.87);
798
798
  }
799
799
  .e-calendar .e-content td:focus span.e-day,
@@ -801,7 +801,7 @@ ejs-calendar {
801
801
  background-color: #eee;
802
802
  color: rgba(0, 0, 0, 0.87);
803
803
  border: none;
804
- border-radius: 4px;
804
+ border-radius: 50%;
805
805
  }
806
806
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
807
807
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -815,7 +815,7 @@ ejs-calendar {
815
815
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
816
816
  background-color: #e3165b;
817
817
  border: none;
818
- border-radius: 4px;
818
+ border-radius: 50%;
819
819
  color: #fff;
820
820
  }
821
821
  .e-calendar .e-content .e-footer,
@@ -853,9 +853,9 @@ ejs-calendar {
853
853
  transform: scale(1);
854
854
  }
855
855
  }
856
- .e-calendar .e-cell.e-focused-cell {
856
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
857
857
  box-shadow: 0 0 0 1px #212121;
858
- border-radius: 4px;
858
+ border-radius: 50%;
859
859
  }
860
860
 
861
861
  /* stylelint-disable property-no-vendor-prefix */
package/styles/material3-dark.css CHANGED
@@ -256,7 +256,7 @@ ejs-calendar {
256
256
  .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
257
257
  .e-bigger.e-small .e-calendar .e-header .e-prev,
258
258
  .e-bigger.e-small .e-calendar .e-header .e-next {
259
- border-radius: 4px;
259
+ border-radius: 32px;
260
260
  display: inline-block;
261
261
  font-size: 16px;
262
262
  vertical-align: middle;
@@ -762,14 +762,14 @@ ejs-calendar {
762
762
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
763
763
  background: rgba(var(--color-sf-on-surface), 0.05);
764
764
  border: none;
765
- border-radius: 4px;
765
+ border-radius: 32px;
766
766
  box-shadow: none;
767
767
  }
768
768
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
769
769
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
770
770
  background: rgba(var(--color-sf-on-surface), 0.05);
771
771
  border: none;
772
- border-radius: 4px;
772
+ border-radius: 32px;
773
773
  color: rgba(var(--color-sf-on-surface));
774
774
  }
775
775
  .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
@@ -777,7 +777,7 @@ ejs-calendar {
777
777
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
778
778
  background: none;
779
779
  border: 1px solid rgba(var(--color-sf-primary));
780
- border-radius: 4px;
780
+ border-radius: 32px;
781
781
  box-shadow: none;
782
782
  color: rgba(var(--color-sf-primary));
783
783
  }
@@ -793,7 +793,7 @@ ejs-calendar {
793
793
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
794
794
  background: rgba(var(--color-sf-primary));
795
795
  border: none;
796
- border-radius: 4px;
796
+ border-radius: 32px;
797
797
  color: rgba(var(--color-sf-primary));
798
798
  }
799
799
  .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -852,7 +852,7 @@ ejs-calendar {
852
852
  .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
853
853
  background: rgba(var(--color-sf-on-surface), 0.05);
854
854
  border: none;
855
- border-radius: 4px;
855
+ border-radius: 32px;
856
856
  color: rgba(var(--color-sf-on-surface));
857
857
  }
858
858
  .e-calendar .e-content td:focus span.e-day,
@@ -860,7 +860,7 @@ ejs-calendar {
860
860
  background: rgba(var(--color-sf-primary));
861
861
  color: rgba(var(--color-sf-on-primary));
862
862
  border: none;
863
- border-radius: 4px;
863
+ border-radius: 32px;
864
864
  }
865
865
  .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
866
866
  .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
@@ -874,7 +874,7 @@ ejs-calendar {
874
874
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
875
875
  background: rgba(var(--color-sf-primary));
876
876
  border: none;
877
- border-radius: 4px;
877
+ border-radius: 32px;
878
878
  color: rgba(var(--color-sf-on-primary));
879
879
  }
880
880
  .e-calendar .e-content .e-footer,
@@ -912,9 +912,9 @@ ejs-calendar {
912
912
  transform: scale(1);
913
913
  }
914
914
  }
915
- .e-calendar .e-cell.e-focused-cell {
915
+ .e-calendar .e-content-table .e-cell.e-focused-cell span.e-day {
916
916
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
917
- border-radius: 4px;
917
+ border-radius: 32px;
918
918
  }
919
919
 
920
920
  /* stylelint-disable property-no-vendor-prefix */