@syncfusion/ej2-calendars 20.2.50 → 20.3.48
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.
- package/CHANGELOG.md +0 -6
- package/dist/ej2-calendars.min.js +10 -0
- package/dist/ej2-calendars.umd.min.js +2 -2
- package/dist/ej2-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-calendars.es2015.js +73 -57
- package/dist/es6/ej2-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-calendars.es5.js +73 -57
- package/dist/es6/ej2-calendars.es5.js.map +1 -1
- package/dist/global/ej2-calendars.min.js +2 -2
- package/dist/global/ej2-calendars.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/calendar/calendar.js +4 -5
- package/src/calendar/islamic.js +4 -4
- package/src/datepicker/datepicker.js +12 -10
- package/src/daterangepicker/daterangepicker.d.ts +1 -0
- package/src/daterangepicker/daterangepicker.js +30 -18
- package/src/datetimepicker/datetimepicker.js +7 -8
- package/src/timepicker/timepicker.js +16 -12
- package/styles/bootstrap-dark.css +13 -184
- package/styles/bootstrap.css +13 -184
- package/styles/bootstrap4.css +13 -184
- package/styles/bootstrap5-dark.css +18 -186
- package/styles/bootstrap5.css +18 -186
- package/styles/calendar/_all.scss +1 -1
- package/styles/calendar/_bootstrap-dark-definition.scss +8 -7
- package/styles/calendar/_bootstrap-definition.scss +6 -6
- package/styles/calendar/_bootstrap4-definition.scss +6 -5
- package/styles/calendar/_bootstrap5-definition.scss +29 -3
- package/styles/calendar/_fabric-dark-definition.scss +4 -1
- package/styles/calendar/_fabric-definition.scss +1 -0
- package/styles/calendar/_fluent-definition.scss +30 -4
- package/styles/calendar/_fusionnew-definition.scss +29 -3
- package/styles/calendar/_highcontrast-light-definition.scss +3 -1
- package/styles/calendar/_layout.scss +153 -95
- package/styles/calendar/_material-dark-definition.scss +3 -1
- package/styles/calendar/_material3-definition.scss +29 -3
- package/styles/calendar/_tailwind-definition.scss +27 -5
- package/styles/calendar/_theme.scss +111 -66
- package/styles/calendar/bootstrap-dark.css +1 -0
- package/styles/calendar/bootstrap.css +1 -0
- package/styles/calendar/bootstrap4.css +1 -0
- package/styles/calendar/bootstrap5-dark.css +1 -0
- package/styles/calendar/bootstrap5.css +1 -0
- package/styles/calendar/fabric-dark.css +1 -0
- package/styles/calendar/fabric.css +1 -0
- package/styles/calendar/fluent-dark.css +1 -0
- package/styles/calendar/fluent.css +1 -0
- package/styles/calendar/highcontrast-light.css +1 -0
- package/styles/calendar/highcontrast.css +1 -0
- package/styles/calendar/icons/_bootstrap-dark.scss +2 -1
- package/styles/calendar/icons/_bootstrap.scss +2 -1
- package/styles/calendar/icons/_bootstrap4.scss +2 -1
- package/styles/calendar/icons/_bootstrap5.scss +2 -1
- package/styles/calendar/icons/_fabric-dark.scss +2 -1
- package/styles/calendar/icons/_fabric.scss +2 -1
- package/styles/calendar/icons/_fluent.scss +2 -1
- package/styles/calendar/icons/_fusionnew.scss +2 -1
- package/styles/calendar/icons/_highcontrast-light.scss +2 -1
- package/styles/calendar/icons/_highcontrast.scss +2 -1
- package/styles/calendar/icons/_material-dark.scss +2 -1
- package/styles/calendar/icons/_material.scss +2 -1
- package/styles/calendar/icons/_material3.scss +2 -1
- package/styles/calendar/icons/_tailwind.scss +2 -1
- package/styles/calendar/material-dark.css +1 -0
- package/styles/calendar/material.css +1 -0
- package/styles/calendar/tailwind-dark.css +2 -0
- package/styles/calendar/tailwind.css +2 -0
- package/styles/datepicker/_all.scss +1 -1
- package/styles/datepicker/_bootstrap-dark-definition.scss +4 -1
- package/styles/datepicker/_bootstrap-definition.scss +2 -0
- package/styles/datepicker/_bootstrap4-definition.scss +2 -0
- package/styles/datepicker/_bootstrap5-definition.scss +5 -1
- package/styles/datepicker/_fabric-dark-definition.scss +3 -0
- package/styles/datepicker/_fabric-definition.scss +2 -0
- package/styles/datepicker/_fluent-definition.scss +4 -1
- package/styles/datepicker/_fusionnew-definition.scss +5 -1
- package/styles/datepicker/_highcontrast-definition.scss +2 -0
- package/styles/datepicker/_highcontrast-light-definition.scss +4 -1
- package/styles/datepicker/_layout.scss +23 -18
- package/styles/datepicker/_material-dark-definition.scss +4 -1
- package/styles/datepicker/_material-definition.scss +2 -0
- package/styles/datepicker/_material3-definition.scss +5 -1
- package/styles/datepicker/_tailwind-definition.scss +5 -1
- package/styles/datepicker/_theme.scss +7 -7
- package/styles/datepicker/bootstrap-dark.css +3 -80
- package/styles/datepicker/bootstrap.css +3 -80
- package/styles/datepicker/bootstrap4.css +3 -80
- package/styles/datepicker/bootstrap5-dark.css +4 -81
- package/styles/datepicker/bootstrap5.css +4 -81
- package/styles/datepicker/fabric-dark.css +3 -80
- package/styles/datepicker/fabric.css +3 -80
- package/styles/datepicker/fluent-dark.css +4 -81
- package/styles/datepicker/fluent.css +4 -81
- package/styles/datepicker/highcontrast-light.css +3 -80
- package/styles/datepicker/highcontrast.css +3 -80
- package/styles/datepicker/icons/_bootstrap-dark.scss +7 -6
- package/styles/datepicker/icons/_bootstrap.scss +7 -6
- package/styles/datepicker/icons/_bootstrap4.scss +7 -6
- package/styles/datepicker/icons/_bootstrap5.scss +7 -6
- package/styles/datepicker/icons/_fabric-dark.scss +6 -5
- package/styles/datepicker/icons/_fabric.scss +7 -6
- package/styles/datepicker/icons/_fluent.scss +7 -6
- package/styles/datepicker/icons/_fusionnew.scss +7 -6
- package/styles/datepicker/icons/_highcontrast-light.scss +7 -6
- package/styles/datepicker/icons/_highcontrast.scss +7 -7
- package/styles/datepicker/icons/_material-dark.scss +7 -6
- package/styles/datepicker/icons/_material.scss +7 -6
- package/styles/datepicker/icons/_material3.scss +7 -6
- package/styles/datepicker/icons/_tailwind.scss +7 -6
- package/styles/datepicker/material-dark.css +3 -80
- package/styles/datepicker/material.css +9 -3
- package/styles/datepicker/tailwind-dark.css +4 -81
- package/styles/datepicker/tailwind.css +4 -81
- package/styles/daterangepicker/_all.scss +1 -1
- package/styles/daterangepicker/_bootstrap-dark-definition.scss +4 -0
- package/styles/daterangepicker/_bootstrap-definition.scss +5 -1
- package/styles/daterangepicker/_bootstrap4-definition.scss +4 -0
- package/styles/daterangepicker/_bootstrap5-definition.scss +7 -0
- package/styles/daterangepicker/_fabric-dark-definition.scss +7 -2
- package/styles/daterangepicker/_fabric-definition.scss +5 -1
- package/styles/daterangepicker/_fluent-definition.scss +6 -1
- package/styles/daterangepicker/_fusionnew-definition.scss +6 -0
- package/styles/daterangepicker/_highcontrast-definition.scss +6 -2
- package/styles/daterangepicker/_highcontrast-light-definition.scss +8 -3
- package/styles/daterangepicker/_layout.scss +144 -71
- package/styles/daterangepicker/_material-dark-definition.scss +7 -2
- package/styles/daterangepicker/_material-definition.scss +6 -1
- package/styles/daterangepicker/_material3-definition.scss +6 -0
- package/styles/daterangepicker/_tailwind-definition.scss +5 -0
- package/styles/daterangepicker/_theme.scss +55 -27
- package/styles/daterangepicker/bootstrap-dark.css +3 -104
- package/styles/daterangepicker/bootstrap.css +3 -104
- package/styles/daterangepicker/bootstrap4.css +3 -104
- package/styles/daterangepicker/bootstrap5-dark.css +5 -105
- package/styles/daterangepicker/bootstrap5.css +5 -105
- package/styles/daterangepicker/fabric-dark.css +3 -104
- package/styles/daterangepicker/fabric.css +3 -104
- package/styles/daterangepicker/fluent-dark.css +4 -105
- package/styles/daterangepicker/fluent.css +4 -105
- package/styles/daterangepicker/highcontrast-light.css +3 -104
- package/styles/daterangepicker/highcontrast.css +3 -104
- package/styles/daterangepicker/icons/_bootstrap-dark.scss +13 -8
- package/styles/daterangepicker/icons/_bootstrap.scss +13 -8
- package/styles/daterangepicker/icons/_bootstrap4.scss +13 -8
- package/styles/daterangepicker/icons/_bootstrap5.scss +13 -8
- package/styles/daterangepicker/icons/_fabric-dark.scss +13 -8
- package/styles/daterangepicker/icons/_fabric.scss +13 -8
- package/styles/daterangepicker/icons/_fluent.scss +13 -8
- package/styles/daterangepicker/icons/_fusionnew.scss +13 -8
- package/styles/daterangepicker/icons/_highcontrast-light.scss +13 -8
- package/styles/daterangepicker/icons/_highcontrast.scss +13 -8
- package/styles/daterangepicker/icons/_material-dark.scss +13 -7
- package/styles/daterangepicker/icons/_material.scss +13 -7
- package/styles/daterangepicker/icons/_material3.scss +13 -8
- package/styles/daterangepicker/icons/_tailwind.scss +13 -8
- package/styles/daterangepicker/material-dark.css +5 -106
- package/styles/daterangepicker/material.css +12 -0
- package/styles/daterangepicker/tailwind-dark.css +5 -105
- package/styles/daterangepicker/tailwind.css +5 -105
- package/styles/datetimepicker/_all.scss +1 -1
- package/styles/datetimepicker/_bootstrap-dark-definition.scss +7 -3
- package/styles/datetimepicker/_bootstrap-definition.scss +6 -1
- package/styles/datetimepicker/_bootstrap4-definition.scss +6 -1
- package/styles/datetimepicker/_bootstrap5-definition.scss +5 -0
- package/styles/datetimepicker/_fabric-dark-definition.scss +5 -0
- package/styles/datetimepicker/_fabric-definition.scss +4 -0
- package/styles/datetimepicker/_fluent-definition.scss +8 -3
- package/styles/datetimepicker/_fusionnew-definition.scss +5 -0
- package/styles/datetimepicker/_highcontrast-definition.scss +4 -0
- package/styles/datetimepicker/_highcontrast-light-definition.scss +6 -1
- package/styles/datetimepicker/_layout.scss +2 -3
- package/styles/datetimepicker/_material-dark-definition.scss +6 -1
- package/styles/datetimepicker/_material-definition.scss +4 -0
- package/styles/datetimepicker/_material3-definition.scss +5 -0
- package/styles/datetimepicker/_tailwind-definition.scss +5 -0
- package/styles/datetimepicker/_theme.scss +2 -1
- package/styles/datetimepicker/bootstrap-dark.css +2 -0
- package/styles/datetimepicker/bootstrap.css +2 -0
- package/styles/datetimepicker/bootstrap4.css +2 -0
- package/styles/datetimepicker/bootstrap5-dark.css +3 -0
- package/styles/datetimepicker/bootstrap5.css +3 -0
- package/styles/datetimepicker/fabric-dark.css +2 -0
- package/styles/datetimepicker/fabric.css +2 -0
- package/styles/datetimepicker/fluent-dark.css +3 -0
- package/styles/datetimepicker/fluent.css +3 -0
- package/styles/datetimepicker/highcontrast-light.css +2 -0
- package/styles/datetimepicker/highcontrast.css +2 -0
- package/styles/datetimepicker/icons/_bootstrap-dark.scss +1 -1
- package/styles/datetimepicker/icons/_bootstrap.scss +1 -1
- package/styles/datetimepicker/icons/_bootstrap4.scss +1 -1
- package/styles/datetimepicker/icons/_bootstrap5.scss +1 -1
- package/styles/datetimepicker/icons/_fabric-dark.scss +1 -1
- package/styles/datetimepicker/icons/_fabric.scss +1 -1
- package/styles/datetimepicker/icons/_fluent.scss +1 -1
- package/styles/datetimepicker/icons/_fusionnew.scss +1 -1
- package/styles/datetimepicker/icons/_highcontrast-light.scss +1 -0
- package/styles/datetimepicker/icons/_highcontrast.scss +1 -1
- package/styles/datetimepicker/icons/_material-dark.scss +1 -1
- package/styles/datetimepicker/icons/_material.scss +1 -0
- package/styles/datetimepicker/icons/_material3.scss +1 -1
- package/styles/datetimepicker/icons/_tailwind.scss +1 -1
- package/styles/datetimepicker/material-dark.css +2 -0
- package/styles/datetimepicker/material.css +2 -0
- package/styles/datetimepicker/tailwind-dark.css +3 -0
- package/styles/datetimepicker/tailwind.css +3 -0
- package/styles/fabric-dark.css +13 -184
- package/styles/fabric.css +13 -186
- package/styles/fluent-dark.css +17 -186
- package/styles/fluent.css +17 -186
- package/styles/highcontrast-light.css +13 -184
- package/styles/highcontrast.css +13 -184
- package/styles/material-dark.css +15 -186
- package/styles/material.css +28 -3
- package/styles/tailwind-dark.css +19 -186
- package/styles/tailwind.css +19 -186
- package/styles/timepicker/_all.scss +1 -1
- package/styles/timepicker/_bootstrap-dark-definition.scss +6 -1
- package/styles/timepicker/_bootstrap-definition.scss +4 -0
- package/styles/timepicker/_bootstrap4-definition.scss +5 -0
- package/styles/timepicker/_bootstrap5-definition.scss +5 -0
- package/styles/timepicker/_fabric-dark-definition.scss +6 -1
- package/styles/timepicker/_fabric-definition.scss +4 -0
- package/styles/timepicker/_fluent-definition.scss +5 -0
- package/styles/timepicker/_fusionnew-definition.scss +5 -0
- package/styles/timepicker/_highcontrast-definition.scss +4 -0
- package/styles/timepicker/_highcontrast-light-definition.scss +6 -1
- package/styles/timepicker/_layout.scss +4 -5
- package/styles/timepicker/_material-dark-definition.scss +6 -1
- package/styles/timepicker/_material-definition.scss +4 -0
- package/styles/timepicker/_material3-definition.scss +5 -0
- package/styles/timepicker/_tailwind-definition.scss +5 -0
- package/styles/timepicker/_theme.scss +2 -1
- package/styles/timepicker/bootstrap-dark.css +4 -0
- package/styles/timepicker/bootstrap.css +4 -0
- package/styles/timepicker/bootstrap4.css +4 -0
- package/styles/timepicker/bootstrap5-dark.css +5 -0
- package/styles/timepicker/bootstrap5.css +5 -0
- package/styles/timepicker/fabric-dark.css +4 -0
- package/styles/timepicker/fabric.css +4 -0
- package/styles/timepicker/fluent-dark.css +5 -0
- package/styles/timepicker/fluent.css +5 -0
- package/styles/timepicker/highcontrast-light.css +4 -0
- package/styles/timepicker/highcontrast.css +4 -0
- package/styles/timepicker/icons/_bootstrap-dark.scss +1 -2
- package/styles/timepicker/icons/_bootstrap.scss +1 -2
- package/styles/timepicker/icons/_bootstrap4.scss +1 -2
- package/styles/timepicker/icons/_bootstrap5.scss +1 -2
- package/styles/timepicker/icons/_fabric-dark.scss +1 -2
- package/styles/timepicker/icons/_fabric.scss +1 -2
- package/styles/timepicker/icons/_fluent.scss +1 -2
- package/styles/timepicker/icons/_fusionnew.scss +1 -2
- package/styles/timepicker/icons/_highcontrast-light.scss +1 -2
- package/styles/timepicker/icons/_highcontrast.scss +1 -2
- package/styles/timepicker/icons/_material-dark.scss +1 -2
- package/styles/timepicker/icons/_material.scss +1 -1
- package/styles/timepicker/icons/_material3.scss +1 -2
- package/styles/timepicker/icons/_tailwind.scss +1 -2
- package/styles/timepicker/material-dark.css +4 -0
- package/styles/timepicker/material.css +4 -0
- package/styles/timepicker/tailwind-dark.css +5 -0
- package/styles/timepicker/tailwind.css +5 -0
|
@@ -83,6 +83,7 @@ $calendar-prev-icon: '\e85e' !default;
|
|
|
83
83
|
$calendar-next-icon: '\e84f' !default;
|
|
84
84
|
$calendar-date-font-size: 12px !default;
|
|
85
85
|
$calendar-title-font-weight-style: 300 !default;
|
|
86
|
+
|
|
86
87
|
//$calendar-yeardecade-bg-color: $neutral-lighter !default;
|
|
87
88
|
$calendar-yeardecade-hover-color: $neutral-tertiary-alt !default;
|
|
88
89
|
$calendar-spanicon-font-weight-style: 300 !default;
|
|
@@ -10,6 +10,7 @@ $calendar-bigger-month-view-padding: 0 !default;
|
|
|
10
10
|
$calendar-bigger-month-view-height: 32px !default;
|
|
11
11
|
$calendar-bigger-month-view-line-height: $calendar-bigger-month-view-height !default;
|
|
12
12
|
$calendar-bigger-month-view-width: 32px !default;
|
|
13
|
+
|
|
13
14
|
//header dimension
|
|
14
15
|
$calendar-header-font-size: 12px !default;
|
|
15
16
|
$calendar-bigger-header-padding: 16px 16px 8px 16px !default;
|
|
@@ -25,6 +26,7 @@ $calendar-title-font-size: 14px !default;
|
|
|
25
26
|
$calendar-title-margin-left-style: 6px !default;
|
|
26
27
|
$calendar-title-font-weight-style: 600 !default;
|
|
27
28
|
$calendar-title-decoration-style: none !default;
|
|
29
|
+
|
|
28
30
|
// common size properties
|
|
29
31
|
$calendar-wrapper-border-radius: 0 !default;
|
|
30
32
|
$calendar-border-selected-radius: 50% !default;
|
|
@@ -34,6 +36,7 @@ $calendar-lg-day-header-format-min-width: 540px !default;
|
|
|
34
36
|
$calendar-icon-padding-top: 0 !default;
|
|
35
37
|
$calendar-zero-value: 0 !default;
|
|
36
38
|
$calendar-disable-opacity: 1 !default;
|
|
39
|
+
|
|
37
40
|
//popup styles
|
|
38
41
|
$calendar-normal-max-width: 229px !default;
|
|
39
42
|
$calendar-normal-min-width: 229px !default;
|
|
@@ -45,10 +48,12 @@ $calendar-weeknumber-min-width: 298px !default;
|
|
|
45
48
|
$calendar-weeknumber-bigger-width: 335px !default;
|
|
46
49
|
$calendar-popup-padding: 0 !default;
|
|
47
50
|
$calendar-popup-bigger-padding: 0 !default;
|
|
51
|
+
|
|
48
52
|
// today button
|
|
49
53
|
$calendar-bigger-today-button-height: 48px !default;
|
|
50
54
|
$calendar-normal-today-button-height: 36px !default;
|
|
51
|
-
|
|
55
|
+
|
|
56
|
+
// year decade view
|
|
52
57
|
//dimension
|
|
53
58
|
$calendar-normal-year-decade-height: 40px !default;
|
|
54
59
|
$calendar-normal-year-decade-width: 40px !default;
|
|
@@ -65,9 +70,11 @@ $calendar-bigger-year-decade-width: 44px !default;
|
|
|
65
70
|
$calendar-yeardecade-header-padding: 14px 12px 4px 12px !default;
|
|
66
71
|
$calendar-bigger-yeardecade-header-padding: 16px 16px 8px 16px !default;
|
|
67
72
|
$calendar-decade-title-left-margin-style: 9px !default;
|
|
73
|
+
|
|
68
74
|
// table related styles
|
|
69
75
|
$calendar-table-padding: 0 12px 0 12px !default;
|
|
70
76
|
$calendar-rtl-text-indent: 4px !default;
|
|
77
|
+
|
|
71
78
|
//font icons
|
|
72
79
|
$calendar-prev-icon: '\e910' !default;
|
|
73
80
|
$calendar-next-icon: '\e916' !default;
|
|
@@ -76,11 +83,13 @@ $calendar-icon-line-height: 1 !default;
|
|
|
76
83
|
$calendar-bigger-icon-size: 32px !default;
|
|
77
84
|
$calendar-normal-icon-size: 28px !default;
|
|
78
85
|
$calendar-spanicon-font-weight-style: normal !default;
|
|
86
|
+
|
|
79
87
|
//pending
|
|
80
88
|
$calendar-icon-font-size-style: 14px !default;
|
|
81
89
|
$calendar-bigger-icon-font-size: 16px !default;
|
|
82
90
|
$calendar-footer-container-padding: 8px !default;
|
|
83
91
|
$calendar-bigger-footer-container-padding: 16px !default;
|
|
92
|
+
|
|
84
93
|
// small size
|
|
85
94
|
$calendar-small-icon-size: 26px !default;
|
|
86
95
|
$calendar-small-icon-font-size-style: 12px !default;
|
|
@@ -96,6 +105,7 @@ $calendar-small-popup-padding: 0 !default;
|
|
|
96
105
|
$calendar-bigger-small-table-padding: 0 12px 0 12px !default;
|
|
97
106
|
$calendar-bigger-small-yeardecade-font-size: 14px !default;
|
|
98
107
|
$calendar-small-font-size: 12px !default;
|
|
108
|
+
|
|
99
109
|
//week number
|
|
100
110
|
$calendar-week-number-font-size-style: 14px !default;
|
|
101
111
|
$calendar-week-normal-max-width: 294px !default;
|
|
@@ -106,8 +116,10 @@ $calendar-icon-padding: 5px !default;
|
|
|
106
116
|
$calendar-icon-button-margin: 0 !default;
|
|
107
117
|
$calendar-bigger-icon-padding: 0 !default;
|
|
108
118
|
$calendar-bigger-icon-margin: 0 !default;
|
|
119
|
+
|
|
109
120
|
//thead style
|
|
110
121
|
$calendar-thead-padding: 0 0 6px !default;
|
|
122
|
+
|
|
111
123
|
// common styles
|
|
112
124
|
$calendar-none-style: none !default;
|
|
113
125
|
$calendar-cursor-default-style: default !default;
|
|
@@ -123,14 +135,17 @@ $calendar-other-month-row-display-style: none !default;
|
|
|
123
135
|
$calendar-footer-border: 0 solid $border-light !default;
|
|
124
136
|
$calendar-bigger-footer-border: 0 solid $border-light !default;
|
|
125
137
|
$calendar-week-number-font-style: normal !default;
|
|
138
|
+
|
|
126
139
|
//dimension
|
|
127
140
|
$calendar-date-font-size: $text-xs !default;
|
|
128
141
|
$calendar-bigger-day-font-size: 15px !default;
|
|
129
142
|
$calendar-link-font-weight-style: normal !default;
|
|
130
143
|
$calendar-disable-font-weight-style: normal !default;
|
|
131
144
|
$calendar-border-radius: 0 !default;
|
|
145
|
+
|
|
132
146
|
//week header font size
|
|
133
147
|
$calendar-bigger-week-header-font-size: $text-sm !default;
|
|
148
|
+
|
|
134
149
|
//header color
|
|
135
150
|
$calendar-header-font-color: $content-text-color-alt1 !default;
|
|
136
151
|
$calendar-header-icon-color: $icon-color !default;
|
|
@@ -144,24 +159,29 @@ $calendar-device-icon-hover-bg-color: none !default;
|
|
|
144
159
|
$calendar-default-border-color: none !default;
|
|
145
160
|
$calendar-icon-hover-border-color: $content-bg-color-hover !default;
|
|
146
161
|
$calendar-active-state-icon-bg-color: $secondary-border-color-pressed !default;
|
|
162
|
+
|
|
147
163
|
//popup styles
|
|
148
164
|
$calendar-border-style: 1px solid $border-light !default;
|
|
149
165
|
$calendar-bg-color: $transparent !default;
|
|
150
|
-
$calendar-week-number-bg-color: $content-bg-color-alt1
|
|
166
|
+
$calendar-week-number-bg-color: $content-bg-color-alt1 !default;
|
|
151
167
|
$calendar-week-number-font-weight: 400 !default;
|
|
152
168
|
$calendar-box-shadow: none !default;
|
|
169
|
+
|
|
153
170
|
// year decade view
|
|
154
171
|
//color
|
|
155
172
|
$calendar-yeardecade-bg-color: none !default;
|
|
156
173
|
$calendar-yeardecade-hover-bg: $content-bg-color-hover !default;
|
|
157
174
|
$calendar-yeardecade-selected-hover-bg: $flyout-bg-color-selected !default;
|
|
175
|
+
|
|
158
176
|
//decade view color
|
|
159
177
|
$calendar-other-decade-cell-color: $content-text-color-alt2 !default;
|
|
178
|
+
|
|
160
179
|
// end year decade
|
|
161
180
|
//other months
|
|
162
181
|
$calendar-other-month-date: $content-text-color-alt3 !default;
|
|
163
182
|
$calendar-other-month-date-hover-bg: $calendar-other-month-date !default;
|
|
164
|
-
|
|
183
|
+
|
|
184
|
+
// td styles
|
|
165
185
|
//color
|
|
166
186
|
$calendar-light-font: $content-text-color-alt1 !default;
|
|
167
187
|
$calendar-active-font-color: $flyout-text-color-selected !default;
|
|
@@ -189,29 +209,35 @@ $calendar-small-title-font-color: $content-text-color !default;
|
|
|
189
209
|
$calendar-focused-state-box-shadow: 0 0 0 1px $border-alt !default;
|
|
190
210
|
$calendar-focused-state-border-radius: 4px !default;
|
|
191
211
|
$calendar-focused-state-month-box-shadow: 0 0 0 1px $border-alt !default;
|
|
192
|
-
|
|
212
|
+
|
|
213
|
+
// end td styles
|
|
193
214
|
//today date
|
|
194
215
|
$calendar-today-bg-style: $primary !default;
|
|
195
216
|
$calendar-today-bg-hover-color: $flyout-bg-color-hover !default;
|
|
196
217
|
$calendar-today-box-shadow: 0 0 0 1px $primary !default;
|
|
197
218
|
$calendar-today-border-color: none !default;
|
|
198
219
|
$calendar-selected-border-color: none !default;
|
|
220
|
+
|
|
199
221
|
//pending
|
|
200
222
|
$calendar-today-color: $primary-text-color !default;
|
|
201
223
|
$calendar-today-focused-font-color: $primary-text-color !default;
|
|
202
224
|
$calendar-today-focus-color: $primary-text-color !default;
|
|
225
|
+
|
|
203
226
|
//week header
|
|
204
227
|
$calendar-week-header-font-color: $content-text-color !default;
|
|
205
228
|
$calendar-week-header-bg-style: none !default;
|
|
229
|
+
|
|
206
230
|
//week number
|
|
207
231
|
$calendar-week-number-color-style: $content-text-color-alt3 !default;
|
|
208
232
|
$calendar-week-number-font-color: $content-text-color-alt3 !default;
|
|
233
|
+
|
|
209
234
|
//today button
|
|
210
235
|
$calendar-footer-background: $transparent !default;
|
|
211
236
|
$calendar-today-disabled-background-style: $primary-bg-color-disabled !default;
|
|
212
237
|
$calendar-today-disabled-border-style: $primary-border-color-disabled !default;
|
|
213
238
|
$calendar-today-disabled-box-shadow: none !default;
|
|
214
239
|
$calendar-today-disabled-color: $content-text-color-disabled !default;
|
|
240
|
+
|
|
215
241
|
//today button flat button override style
|
|
216
242
|
$today-button-bg: transparent !default;
|
|
217
243
|
$today-button-bg-border-color: transparent !default;
|
|
@@ -10,6 +10,7 @@ $calendar-bigger-month-view-padding: 0 !default;
|
|
|
10
10
|
$calendar-bigger-month-view-height: 38px !default;
|
|
11
11
|
$calendar-bigger-month-view-line-height: $calendar-bigger-month-view-height !default;
|
|
12
12
|
$calendar-bigger-month-view-width: 38px !default;
|
|
13
|
+
|
|
13
14
|
//header dimension
|
|
14
15
|
$calendar-header-font-size: 14px !default;
|
|
15
16
|
$calendar-bigger-header-padding: 10px 0 10px 15px !default;
|
|
@@ -25,6 +26,7 @@ $calendar-title-font-size: 16px !default;
|
|
|
25
26
|
$calendar-title-margin-left-style: 2px !default;
|
|
26
27
|
$calendar-title-font-weight-style: 600 !default;
|
|
27
28
|
$calendar-title-decoration-style: none !default;
|
|
29
|
+
|
|
28
30
|
// common size properties
|
|
29
31
|
$calendar-wrapper-border-radius: 4px !default;
|
|
30
32
|
$calendar-full-width: 100% !default;
|
|
@@ -33,6 +35,7 @@ $calendar-lg-day-header-format-min-width: 540px !default;
|
|
|
33
35
|
$calendar-icon-padding-top: 0 !default;
|
|
34
36
|
$calendar-zero-value: 0 !default;
|
|
35
37
|
$calendar-disable-opacity: 1 !default;
|
|
38
|
+
|
|
36
39
|
//popup styles
|
|
37
40
|
$calendar-normal-max-width: 242px !default;
|
|
38
41
|
$calendar-normal-min-width: 240px !default;
|
|
@@ -44,10 +47,12 @@ $calendar-weeknumber-min-width: 300px !default;
|
|
|
44
47
|
$calendar-weeknumber-bigger-width: 325px !default;
|
|
45
48
|
$calendar-popup-padding: 0 !default;
|
|
46
49
|
$calendar-popup-bigger-padding: 0 !default;
|
|
50
|
+
|
|
47
51
|
// today button
|
|
48
52
|
$calendar-bigger-today-button-height: 48px !default;
|
|
49
53
|
$calendar-normal-today-button-height: 36px !default;
|
|
50
|
-
|
|
54
|
+
|
|
55
|
+
// year decade view
|
|
51
56
|
//dimension
|
|
52
57
|
$calendar-normal-year-decade-height: 56px !default;
|
|
53
58
|
$calendar-normal-year-decade-width: 56px !default;
|
|
@@ -65,6 +70,7 @@ $calendar-bigger-year-decade-width: 66px !default;
|
|
|
65
70
|
$calendar-yeardecade-header-padding: 8px 0 8px 12px !default;
|
|
66
71
|
$calendar-bigger-yeardecade-header-padding: 10px !default;
|
|
67
72
|
$calendar-decade-title-left-margin-style: 15px !default;
|
|
73
|
+
|
|
68
74
|
// table related styles
|
|
69
75
|
$calendar-table-padding: 0 8px 8px 8px !default;
|
|
70
76
|
$calendar-rtl-text-indent: 12px !default;
|
|
@@ -73,6 +79,7 @@ $calendar-rtl-bigger-small-text-indent: 12px !default;
|
|
|
73
79
|
$calendar-rtl-bigger-text-indent: 15px !default;
|
|
74
80
|
$calendar-title-margin-bigger-small-left-style: 5px !default;
|
|
75
81
|
$calendar-title-margin-small-left-style: 0 !default;
|
|
82
|
+
|
|
76
83
|
//font icons
|
|
77
84
|
$calendar-prev-icon: '\e910' !default;
|
|
78
85
|
$calendar-next-icon: '\e916' !default;
|
|
@@ -81,12 +88,14 @@ $calendar-icon-line-height: 1 !default;
|
|
|
81
88
|
$calendar-bigger-icon-size: 24px !default;
|
|
82
89
|
$calendar-normal-icon-size: 24px !default;
|
|
83
90
|
$calendar-spanicon-font-weight-style: normal !default;
|
|
91
|
+
|
|
84
92
|
//pending
|
|
85
93
|
$calendar-icon-font-size-style: 14px !default;
|
|
86
94
|
$calendar-bigger-icon-font-size: 16px !default;
|
|
87
95
|
$calendar-footer-container-padding: 8px !default;
|
|
88
96
|
$calendar-bigger-footer-container-padding: 16px !default;
|
|
89
97
|
$calendar-week-number-font-weight: 500 !default;
|
|
98
|
+
|
|
90
99
|
// small size
|
|
91
100
|
$calendar-small-icon-size: 24px !default;
|
|
92
101
|
$calendar-small-icon-font-size-style: 12px !default;
|
|
@@ -102,6 +111,7 @@ $calendar-small-popup-padding: 0 !default;
|
|
|
102
111
|
$calendar-bigger-small-table-padding: 0 12px 12px 12px !default;
|
|
103
112
|
$calendar-bigger-small-yeardecade-font-size: 14px !default;
|
|
104
113
|
$calendar-small-font-size: 12px !default;
|
|
114
|
+
|
|
105
115
|
//week number
|
|
106
116
|
$calendar-week-number-font-size-style: 14px !default;
|
|
107
117
|
$calendar-week-normal-max-width: 294px !default;
|
|
@@ -112,8 +122,10 @@ $calendar-icon-padding: 5px !default;
|
|
|
112
122
|
$calendar-icon-button-margin: 8px !default;
|
|
113
123
|
$calendar-bigger-icon-padding: 0 !default;
|
|
114
124
|
$calendar-bigger-icon-margin: 12px !default;
|
|
125
|
+
|
|
115
126
|
//thead style
|
|
116
127
|
$calendar-thead-padding: 0 0 6px !default;
|
|
128
|
+
|
|
117
129
|
// common styles
|
|
118
130
|
$calendar-none-style: none !default;
|
|
119
131
|
$calendar-cursor-default-style: default !default;
|
|
@@ -129,14 +141,17 @@ $calendar-other-month-row-display-style: none !default;
|
|
|
129
141
|
$calendar-footer-border: 1px solid $border-light !default;
|
|
130
142
|
$calendar-bigger-footer-border: 1px solid $border-light !default;
|
|
131
143
|
$calendar-week-number-font-style: italic !default;
|
|
144
|
+
|
|
132
145
|
//dimension
|
|
133
146
|
$calendar-date-font-size: $text-sm !default;
|
|
134
147
|
$calendar-bigger-day-font-size: 15px !default;
|
|
135
148
|
$calendar-link-font-weight-style: normal !default;
|
|
136
149
|
$calendar-disable-font-weight-style: normal !default;
|
|
137
150
|
$calendar-border-radius: 4px !default;
|
|
151
|
+
|
|
138
152
|
//week header font size
|
|
139
153
|
$calendar-bigger-week-header-font-size: $text-sm !default;
|
|
154
|
+
|
|
140
155
|
//header color
|
|
141
156
|
$calendar-header-font-color: $content-text-color-alt1 !default;
|
|
142
157
|
$calendar-header-icon-color: $icon-color !default;
|
|
@@ -150,22 +165,27 @@ $calendar-device-icon-hover-bg-color: $secondary-bg-color-hover !default;
|
|
|
150
165
|
$calendar-default-border-color: none !default;
|
|
151
166
|
$calendar-icon-hover-border-color: $content-bg-color-hover !default;
|
|
152
167
|
$calendar-active-state-icon-bg-color: $secondary-border-color-pressed !default;
|
|
168
|
+
|
|
153
169
|
//popup styles
|
|
154
170
|
$calendar-border-style: 1px solid $border-light !default;
|
|
155
171
|
$calendar-bg-color: $flyout-bg-color !default;
|
|
156
172
|
$calendar-box-shadow: none !default;
|
|
173
|
+
|
|
157
174
|
// year decade view
|
|
158
175
|
//color
|
|
159
176
|
$calendar-yeardecade-bg-color: none !default;
|
|
160
177
|
$calendar-yeardecade-hover-bg: $content-bg-color-hover !default;
|
|
161
178
|
$calendar-yeardecade-selected-hover-bg: darken($primary-bg-color, 10%) !default;
|
|
179
|
+
|
|
162
180
|
//decade view color
|
|
163
181
|
$calendar-other-decade-cell-color: $content-text-color-alt2 !default;
|
|
182
|
+
|
|
164
183
|
// end year decade
|
|
165
184
|
//other months
|
|
166
185
|
$calendar-other-month-date: $content-text-color-alt3 !default;
|
|
167
186
|
$calendar-other-month-date-hover-bg: $calendar-other-month-date !default;
|
|
168
|
-
|
|
187
|
+
|
|
188
|
+
// td styles
|
|
169
189
|
//color
|
|
170
190
|
$calendar-light-font: $content-text-color-alt1 !default;
|
|
171
191
|
$calendar-active-font-color: $secondary-text-color !default;
|
|
@@ -189,29 +209,35 @@ $calendar-hover-border-color: none !default;
|
|
|
189
209
|
$calendar-disable-font-color: $content-text-color-disabled !default;
|
|
190
210
|
$calendar-focused-date-bg-style: $content-bg-color-focus !default;
|
|
191
211
|
$calendar-small-title-font-color: $content-text-color-alt1 !default;
|
|
192
|
-
|
|
212
|
+
|
|
213
|
+
// end td styles
|
|
193
214
|
//today date
|
|
194
215
|
$calendar-today-bg-style: none !default;
|
|
195
216
|
$calendar-today-bg-hover-color: $content-bg-color-alt1 !default;
|
|
196
217
|
$calendar-today-box-shadow: inset 2px 0 $primary-bg-color, inset 0 2px $primary-bg-color, inset -2px 0 $primary-bg-color, inset 0 -2px $primary-bg-color !default;
|
|
197
218
|
$calendar-today-border-color: none !default;
|
|
198
219
|
$calendar-selected-border-color: none !default;
|
|
220
|
+
|
|
199
221
|
//pending
|
|
200
222
|
$calendar-today-color: $primary !default;
|
|
201
223
|
$calendar-today-focused-font-color: $content-text-color-alt1 !default;
|
|
202
224
|
$calendar-today-focus-color: $content-text-color-alt1 !default;
|
|
225
|
+
|
|
203
226
|
//week header
|
|
204
227
|
$calendar-week-header-font-color: $content-text-color-alt2 !default;
|
|
205
228
|
$calendar-week-header-bg-style: none !default;
|
|
229
|
+
|
|
206
230
|
//week number
|
|
207
231
|
$calendar-week-number-color-style: $content-text-color-disabled !default;
|
|
208
232
|
$calendar-week-number-font-color: $calendar-text-color !default;
|
|
233
|
+
|
|
209
234
|
//today button
|
|
210
235
|
$calendar-footer-background: $transparent !default;
|
|
211
236
|
$calendar-today-disabled-background-style: $primary-bg-color-disabled !default;
|
|
212
237
|
$calendar-today-disabled-border-style: $primary-border-color-disabled !default;
|
|
213
238
|
$calendar-today-disabled-box-shadow: none !default;
|
|
214
239
|
$calendar-today-disabled-color: $primary-text-disabled !default;
|
|
240
|
+
|
|
215
241
|
//today button flat button override style
|
|
216
242
|
$today-button-bg: $primary-bg-color !default;
|
|
217
243
|
$today-button-bg-border-color: $primary-border-color !default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//default
|
|
1
|
+
//default
|
|
2
2
|
$calendar-title-hover-color: $selection-bg !default;
|
|
3
3
|
$calendar-icon-hover-color: $hover-font !default;
|
|
4
4
|
$calendar-icon-hover-border-color: 1px solid $hover-border !default;
|
|
@@ -155,6 +155,7 @@ $calendar-active-today-hover-font-color: $selection-font !default;
|
|
|
155
155
|
$calendar-today-focused-font-color: $selection-bg !default;
|
|
156
156
|
$calendar-active-today-font-color: $selection-font !default;
|
|
157
157
|
$calendar-bigger-week-header-font-size: 15px !default;
|
|
158
|
+
|
|
158
159
|
//today
|
|
159
160
|
$calendar-footer-container-padding: 0 10px 10px 10px !default;
|
|
160
161
|
$calendar-footer-border: none !default;
|
|
@@ -185,4 +186,5 @@ $calendar-small-title-font-color: $selection-bg !default;
|
|
|
185
186
|
$calendar-bigger-small-table-padding: 0 10px 10px 10px !default;
|
|
186
187
|
$calendar-bigger-small-yeardecade-font-size: 12px !default;
|
|
187
188
|
$calendar-small-font-size: 12px !default;
|
|
189
|
+
|
|
188
190
|
//enddefault
|