smart-webcomponents-react 19.0.0 → 19.0.5

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 (334) hide show
  1. package/chart/ganttchart.d.ts +1 -1
  2. package/ganttchart/ganttchart.d.ts +1 -1
  3. package/ganttchart/ganttchart.esm.js +3 -3
  4. package/ganttchart/ganttchart.umd.js +3 -3
  5. package/index.d.ts +1 -2
  6. package/package.json +1 -1
  7. package/source/modules/smart.3dchart.js +1 -1
  8. package/source/modules/smart.accordion.js +1 -1
  9. package/source/modules/smart.array.js +1 -1
  10. package/source/modules/smart.barcode.js +1 -1
  11. package/source/modules/smart.breadcrumb.js +1 -1
  12. package/source/modules/smart.button.js +1 -1
  13. package/source/modules/smart.buttongroup.js +1 -1
  14. package/source/modules/smart.calendar.js +1 -1
  15. package/source/modules/smart.card.js +1 -1
  16. package/source/modules/smart.cardview.js +3 -3
  17. package/source/modules/smart.carousel.js +1 -1
  18. package/source/modules/smart.chart.js +2 -2
  19. package/source/modules/smart.checkbox.js +1 -1
  20. package/source/modules/smart.checkinput.js +1 -1
  21. package/source/modules/smart.chip.js +1 -1
  22. package/source/modules/smart.colorinput.js +1 -1
  23. package/source/modules/smart.colorpanel.js +1 -1
  24. package/source/modules/smart.colorpicker.js +1 -1
  25. package/source/modules/smart.combobox.js +1 -1
  26. package/source/modules/smart.common.js +2 -2
  27. package/source/modules/smart.countryinput.js +1 -1
  28. package/source/modules/smart.dateinput.js +1 -1
  29. package/source/modules/smart.daterangeinput.js +1 -1
  30. package/source/modules/smart.datetimepicker.js +1 -1
  31. package/source/modules/smart.dockinglayout.js +1 -1
  32. package/source/modules/smart.dropdownbutton.js +1 -1
  33. package/source/modules/smart.dropdownlist.js +1 -1
  34. package/source/modules/smart.editor.js +2 -2
  35. package/source/modules/smart.element.js +1 -1
  36. package/source/modules/smart.fileupload.js +1 -1
  37. package/source/modules/smart.form.js +1 -1
  38. package/source/modules/smart.formulaparser.js +1 -1
  39. package/source/modules/smart.ganttchart.js +4 -4
  40. package/source/modules/smart.gauge.js +1 -1
  41. package/source/modules/smart.grid.js +8 -8
  42. package/source/modules/smart.gridpanel.js +3 -3
  43. package/source/modules/smart.input.js +1 -1
  44. package/source/modules/smart.kanban.js +3 -3
  45. package/source/modules/smart.layout.js +1 -1
  46. package/source/modules/smart.led.js +1 -1
  47. package/source/modules/smart.listbox.js +1 -1
  48. package/source/modules/smart.listmenu.js +1 -1
  49. package/source/modules/smart.map.js +1 -1
  50. package/source/modules/smart.maskedtextbox.js +1 -1
  51. package/source/modules/smart.menu.js +1 -1
  52. package/source/modules/smart.multicomboinput.js +1 -1
  53. package/source/modules/smart.multiinput.js +1 -1
  54. package/source/modules/smart.multilinetextbox.js +1 -1
  55. package/source/modules/smart.multisplitbutton.js +1 -1
  56. package/source/modules/smart.numberinput.js +1 -1
  57. package/source/modules/smart.numerictextbox.js +1 -1
  58. package/source/modules/smart.pager.js +1 -1
  59. package/source/modules/smart.passwordinput.js +1 -1
  60. package/source/modules/smart.passwordtextbox.js +1 -1
  61. package/source/modules/smart.path.js +1 -1
  62. package/source/modules/smart.phoneinput.js +1 -1
  63. package/source/modules/smart.pivottable.js +3 -3
  64. package/source/modules/smart.progressbar.js +1 -1
  65. package/source/modules/smart.qrcode.js +1 -1
  66. package/source/modules/smart.querybuilder.js +1 -1
  67. package/source/modules/smart.radiobutton.js +1 -1
  68. package/source/modules/smart.rating.js +1 -1
  69. package/source/modules/smart.ribbon.js +1 -1
  70. package/source/modules/smart.router.js +2 -2
  71. package/source/modules/smart.scheduler.js +2 -2
  72. package/source/modules/smart.scrollbar.js +1 -1
  73. package/source/modules/smart.slider.js +1 -1
  74. package/source/modules/smart.sortable.js +1 -1
  75. package/source/modules/smart.splitter.js +1 -1
  76. package/source/modules/smart.switchbutton.js +1 -1
  77. package/source/modules/smart.table.js +3 -3
  78. package/source/modules/smart.tabs.js +1 -1
  79. package/source/modules/smart.tank.js +1 -1
  80. package/source/modules/smart.textarea.js +1 -1
  81. package/source/modules/smart.textbox.js +1 -1
  82. package/source/modules/smart.timeinput.js +1 -1
  83. package/source/modules/smart.timepicker.js +1 -1
  84. package/source/modules/smart.toast.js +1 -1
  85. package/source/modules/smart.tooltip.js +1 -1
  86. package/source/modules/smart.tree.js +1 -1
  87. package/source/modules/smart.validator.js +1 -1
  88. package/source/modules/smart.window.js +1 -1
  89. package/source/smart.3dchart.js +1 -1
  90. package/source/smart.accordion.js +1 -1
  91. package/source/smart.ajax.js +1 -1
  92. package/source/smart.array.js +1 -1
  93. package/source/smart.barcode.js +1 -1
  94. package/source/smart.bootstrap.js +1 -1
  95. package/source/smart.breadcrumb.js +1 -1
  96. package/source/smart.button.js +1 -1
  97. package/source/smart.buttongroup.js +1 -1
  98. package/source/smart.calendar.js +1 -1
  99. package/source/smart.card.js +1 -1
  100. package/source/smart.cardview.js +1 -1
  101. package/source/smart.carousel.js +1 -1
  102. package/source/smart.chart.annotations.js +1 -1
  103. package/source/smart.chart.api.js +1 -1
  104. package/source/smart.chart.core.js +1 -1
  105. package/source/smart.chart.js +1 -1
  106. package/source/smart.chart.rangeselector.js +1 -1
  107. package/source/smart.chart.waterfall.js +1 -1
  108. package/source/smart.checkbox.js +1 -1
  109. package/source/smart.checkinput.js +1 -1
  110. package/source/smart.chip.js +1 -1
  111. package/source/smart.colorinput.js +1 -1
  112. package/source/smart.colorpanel.js +1 -1
  113. package/source/smart.colorpicker.js +1 -1
  114. package/source/smart.combobox.js +1 -1
  115. package/source/smart.complex.js +1 -1
  116. package/source/smart.core.js +1 -1
  117. package/source/smart.countryinput.js +1 -1
  118. package/source/smart.data.js +2 -2
  119. package/source/smart.date.js +1 -1
  120. package/source/smart.dateformatpanel.js +1 -1
  121. package/source/smart.dateinput.js +1 -1
  122. package/source/smart.daterangeinput.js +1 -1
  123. package/source/smart.datetimepicker.js +1 -1
  124. package/source/smart.dockinglayout.js +1 -1
  125. package/source/smart.draw.js +1 -1
  126. package/source/smart.dropdownbutton.js +1 -1
  127. package/source/smart.dropdownlist.js +1 -1
  128. package/source/smart.editor.js +2 -2
  129. package/source/smart.element.js +1 -1
  130. package/source/smart.elements.js +10 -10
  131. package/source/smart.export.js +1 -1
  132. package/source/smart.fileupload.js +1 -1
  133. package/source/smart.filter.js +1 -1
  134. package/source/smart.filterbuilder.js +1 -1
  135. package/source/smart.filterpanel.js +1 -1
  136. package/source/smart.form.js +1 -1
  137. package/source/smart.format.js +1 -1
  138. package/source/smart.formulaparser.js +1 -1
  139. package/source/smart.ganttchart.js +2 -2
  140. package/source/smart.gauge.js +1 -1
  141. package/source/smart.grid.cell.js +1 -1
  142. package/source/smart.grid.chart.js +1 -1
  143. package/source/smart.grid.column.js +1 -1
  144. package/source/smart.grid.core.js +2 -2
  145. package/source/smart.grid.dialog.js +2 -2
  146. package/source/smart.grid.edit.js +2 -2
  147. package/source/smart.grid.export.js +1 -1
  148. package/source/smart.grid.filter.js +1 -1
  149. package/source/smart.grid.group.js +1 -1
  150. package/source/smart.grid.js +1 -1
  151. package/source/smart.grid.menu.js +1 -1
  152. package/source/smart.grid.pager.js +1 -1
  153. package/source/smart.grid.reorder.js +1 -1
  154. package/source/smart.grid.resize.js +1 -1
  155. package/source/smart.grid.row.js +2 -2
  156. package/source/smart.grid.select.js +1 -1
  157. package/source/smart.grid.sort.js +2 -2
  158. package/source/smart.grid.toolbar.js +1 -1
  159. package/source/smart.grid.tree.js +1 -1
  160. package/source/smart.grid.view.js +1 -1
  161. package/source/smart.gridpanel.js +2 -2
  162. package/source/smart.input.js +1 -1
  163. package/source/smart.kanban.js +1 -1
  164. package/source/smart.layout.js +1 -1
  165. package/source/smart.led.js +1 -1
  166. package/source/smart.listbox.js +1 -1
  167. package/source/smart.listmenu.js +1 -1
  168. package/source/smart.map.js +1 -1
  169. package/source/smart.maskedtextbox.js +1 -1
  170. package/source/smart.math.js +1 -1
  171. package/source/smart.menu.js +1 -1
  172. package/source/smart.multicomboinput.js +1 -1
  173. package/source/smart.multiinput.js +1 -1
  174. package/source/smart.multilinetextbox.js +1 -1
  175. package/source/smart.multisplitbutton.js +1 -1
  176. package/source/smart.numberformatpanel.js +1 -1
  177. package/source/smart.numberinput.js +1 -1
  178. package/source/smart.numeric.js +1 -1
  179. package/source/smart.numerictextbox.js +1 -1
  180. package/source/smart.pager.js +1 -1
  181. package/source/smart.passwordinput.js +1 -1
  182. package/source/smart.passwordtextbox.js +1 -1
  183. package/source/smart.path.js +1 -1
  184. package/source/smart.phoneinput.js +1 -1
  185. package/source/smart.pivottable.js +1 -1
  186. package/source/smart.powerbutton.js +1 -1
  187. package/source/smart.progressbar.js +1 -1
  188. package/source/smart.qrcode.js +1 -1
  189. package/source/smart.radiobutton.js +1 -1
  190. package/source/smart.rating.js +1 -1
  191. package/source/smart.ribbon.js +1 -1
  192. package/source/smart.router.js +1 -1
  193. package/source/smart.scheduler.js +1 -1
  194. package/source/smart.scrollbar.js +1 -1
  195. package/source/smart.slider.js +1 -1
  196. package/source/smart.sortable.js +1 -1
  197. package/source/smart.sparkline.js +1 -1
  198. package/source/smart.splitter.js +1 -1
  199. package/source/smart.switchbutton.js +1 -1
  200. package/source/smart.table.js +1 -1
  201. package/source/smart.tabs.js +1 -1
  202. package/source/smart.tank.js +1 -1
  203. package/source/smart.textarea.js +1 -1
  204. package/source/smart.textbox.js +1 -1
  205. package/source/smart.tickintervalhandler.js +1 -1
  206. package/source/smart.timeinput.js +1 -1
  207. package/source/smart.timepicker.js +1 -1
  208. package/source/smart.toast.js +1 -1
  209. package/source/smart.tooltip.js +1 -1
  210. package/source/smart.tree.js +1 -1
  211. package/source/smart.validationpanel.js +1 -1
  212. package/source/smart.validator.js +1 -1
  213. package/source/smart.window.js +1 -1
  214. package/source/styles/bootstrap/smart.bootstrap.blue.css +3369 -3372
  215. package/source/styles/bootstrap/smart.bootstrap.css +3369 -3372
  216. package/source/styles/bootstrap/smart.bootstrap.cyan.css +3369 -3372
  217. package/source/styles/bootstrap/smart.bootstrap.green.css +3369 -3372
  218. package/source/styles/bootstrap/smart.bootstrap.indigo.css +3369 -3372
  219. package/source/styles/bootstrap/smart.bootstrap.orange.css +3369 -3372
  220. package/source/styles/bootstrap/smart.bootstrap.pink.css +3369 -3372
  221. package/source/styles/bootstrap/smart.bootstrap.purple.css +3369 -3372
  222. package/source/styles/bootstrap/smart.bootstrap.red.css +3369 -3372
  223. package/source/styles/bootstrap/smart.bootstrap.teal.css +3369 -3372
  224. package/source/styles/bootstrap/smart.bootstrap.turquoise.css +3369 -3372
  225. package/source/styles/components/smart.array.css +1 -1
  226. package/source/styles/components/smart.calendar.css +2 -2
  227. package/source/styles/components/smart.cardview.css +2 -2
  228. package/source/styles/components/smart.checkinput.css +1 -1
  229. package/source/styles/components/smart.colorinput.css +1 -1
  230. package/source/styles/components/smart.columnpanel.css +1 -1
  231. package/source/styles/components/smart.countryinput.css +1 -1
  232. package/source/styles/components/smart.dateinput.css +2 -2
  233. package/source/styles/components/smart.daterangeinput.css +2 -2
  234. package/source/styles/components/smart.datetimeformatpanel.css +1 -1
  235. package/source/styles/components/smart.datetimepicker.css +1 -1
  236. package/source/styles/components/smart.editor.css +2 -2
  237. package/source/styles/components/smart.filterbuilder.css +2 -2
  238. package/source/styles/components/smart.filterpanel.css +1 -1
  239. package/source/styles/components/smart.ganttchart.css +2 -2
  240. package/source/styles/components/smart.grid.css +3 -3
  241. package/source/styles/components/smart.gridpanel.css +1 -1
  242. package/source/styles/components/smart.input.css +1 -1
  243. package/source/styles/components/smart.kanban.css +2 -2
  244. package/source/styles/components/smart.maskedtextbox.css +1 -1
  245. package/source/styles/components/smart.multicolumnfilterpanel.css +2 -2
  246. package/source/styles/components/smart.multicomboinput.css +1 -1
  247. package/source/styles/components/smart.multiinput.css +1 -1
  248. package/source/styles/components/smart.multilinetextbox.css +1 -1
  249. package/source/styles/components/smart.numberformatpanel.css +1 -1
  250. package/source/styles/components/smart.numberinput.css +1 -1
  251. package/source/styles/components/smart.pager.css +1 -1
  252. package/source/styles/components/smart.passwordinput.css +1 -1
  253. package/source/styles/components/smart.passwordtextbox.css +1 -1
  254. package/source/styles/components/smart.phoneinput.css +1 -1
  255. package/source/styles/components/smart.pivottable.css +1 -1
  256. package/source/styles/components/smart.querybuilder.css +3 -3
  257. package/source/styles/components/smart.ribbon.css +1 -1
  258. package/source/styles/components/smart.scheduler.css +2 -2
  259. package/source/styles/components/smart.sortpanel.css +1 -1
  260. package/source/styles/components/smart.table.css +1 -1
  261. package/source/styles/components/smart.textarea.css +1 -1
  262. package/source/styles/components/smart.textbox.css +1 -1
  263. package/source/styles/components/smart.timeinput.css +1 -1
  264. package/source/styles/components/smart.validationpanel.css +1 -1
  265. package/source/styles/components/smart.window.css +1 -1
  266. package/source/styles/default/scss/textbox/_multi-combo-input.scss +5 -0
  267. package/source/styles/default/smart.accordion.css +309 -309
  268. package/source/styles/default/smart.array.css +77 -77
  269. package/source/styles/default/smart.badge.css +50 -50
  270. package/source/styles/default/smart.barcode.css +3 -3
  271. package/source/styles/default/smart.breadcrumb.css +324 -324
  272. package/source/styles/default/smart.button.css +515 -515
  273. package/source/styles/default/smart.calendar.css +742 -742
  274. package/source/styles/default/smart.card.css +53 -53
  275. package/source/styles/default/smart.chart.css +119 -119
  276. package/source/styles/default/smart.checkbox.css +148 -148
  277. package/source/styles/default/smart.chip.css +101 -101
  278. package/source/styles/default/smart.colorpanel.css +617 -617
  279. package/source/styles/default/smart.colorpicker.css +132 -132
  280. package/source/styles/default/smart.currencyformatpanel.css +71 -71
  281. package/source/styles/default/smart.dateformatpanel.css +105 -105
  282. package/source/styles/default/smart.datetimepicker.css +611 -611
  283. package/source/styles/default/smart.dockinglayout.css +748 -748
  284. package/source/styles/default/smart.dropdownbutton.css +257 -257
  285. package/source/styles/default/smart.editor.css +1528 -1527
  286. package/source/styles/default/smart.editors.css +150 -150
  287. package/source/styles/default/smart.fileupload.css +498 -498
  288. package/source/styles/default/smart.ganttchart.css +1594 -1594
  289. package/source/styles/default/smart.gauge.css +145 -145
  290. package/source/styles/default/smart.inputgroup.css +483 -483
  291. package/source/styles/default/smart.layout.css +465 -465
  292. package/source/styles/default/smart.layouts.css +483 -483
  293. package/source/styles/default/smart.led.css +144 -144
  294. package/source/styles/default/smart.link-button.css +321 -321
  295. package/source/styles/default/smart.listbox.css +564 -564
  296. package/source/styles/default/smart.listmenu.css +661 -661
  297. package/source/styles/default/smart.loader.css +203 -203
  298. package/source/styles/default/smart.maskedtextbox.css +27 -27
  299. package/source/styles/default/smart.multilinetextbox.css +190 -190
  300. package/source/styles/default/smart.multisplitbutton.css +225 -225
  301. package/source/styles/default/smart.numberformatpanel.css +72 -72
  302. package/source/styles/default/smart.numerictextbox.css +522 -522
  303. package/source/styles/default/smart.pager.css +253 -253
  304. package/source/styles/default/smart.passwordtextbox.css +129 -129
  305. package/source/styles/default/smart.path.css +581 -581
  306. package/source/styles/default/smart.pivottable.css +800 -800
  307. package/source/styles/default/smart.powerbutton.css +100 -100
  308. package/source/styles/default/smart.progressbar.css +501 -501
  309. package/source/styles/default/smart.qrcode.css +3 -3
  310. package/source/styles/default/smart.querybuilder.css +624 -623
  311. package/source/styles/default/smart.radiobutton.css +137 -137
  312. package/source/styles/default/smart.rating.css +17 -17
  313. package/source/styles/default/smart.scheduler.css +2789 -2789
  314. package/source/styles/default/smart.scrollbar.css +118 -118
  315. package/source/styles/default/smart.scrollviewer.css +109 -109
  316. package/source/styles/default/smart.slider.css +464 -464
  317. package/source/styles/default/smart.sortable.css +114 -114
  318. package/source/styles/default/smart.splitter.css +395 -395
  319. package/source/styles/default/smart.switchbutton.css +293 -293
  320. package/source/styles/default/smart.table.css +2025 -2025
  321. package/source/styles/default/smart.tabs.css +923 -923
  322. package/source/styles/default/smart.tank.css +661 -661
  323. package/source/styles/default/smart.textbox.css +3431 -3427
  324. package/source/styles/default/smart.timepicker.css +150 -150
  325. package/source/styles/default/smart.toast.css +252 -252
  326. package/source/styles/default/smart.toggle.css +175 -175
  327. package/source/styles/default/smart.tooltip.css +124 -124
  328. package/source/styles/default/smart.tree.css +783 -783
  329. package/source/styles/default/smart.validationpanel.css +116 -116
  330. package/source/styles/default/smart.window.css +829 -829
  331. package/source/styles/smart.default.css +4 -4
  332. package/source/styles/smart.fluent.css +3313 -3313
  333. package/source/typescript/smart.elements.d.ts +1 -2
  334. package/source/typescript/smart.ganttchart.d.ts +1 -2
package/source/styles/default/smart.calendar.css CHANGED
@@ -1,743 +1,743 @@
1
- /* smart-calendar */
2
- .smart-calendar {
3
- width: var(--smart-calendar-default-width);
4
- height: var(--smart-calendar-default-height);
5
- min-width: var(--smart-calendar-default-width);
6
- min-height: var(--smart-calendar-default-height);
7
- }
8
- .smart-calendar:focus {
9
- border-color: var(--smart-outline);
10
- }
11
- .smart-calendar > .smart-container {
12
- user-select: none;
13
- -moz-user-select: none;
14
- -webkit-user-select: none;
15
- }
16
- .smart-calendar > .smart-container, .smart-calendar.smart-container {
17
- display: flex;
18
- justify-content: center;
19
- flex-direction: column;
20
- }
21
- .smart-calendar smart-drop-down-list {
22
- --smart-drop-down-list-default-min-height: initial;
23
- }
24
- .smart-calendar smart-tooltip {
25
- top: 0;
26
- }
27
- .smart-calendar smart-tooltip .smart-tooltip-content {
28
- border-top-left-radius: var(--smart-border-top-left-radius);
29
- border-top-right-radius: var(--smart-border-top-right-radius);
30
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
31
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
32
- }
33
- .smart-calendar input {
34
- background: inherit;
35
- color: inherit;
36
- }
37
- .smart-calendar button:focus {
38
- border: 1px solid var(--smart-outline);
39
- outline: none;
40
- }
41
- .smart-calendar .smart-calendar-container {
42
- width: 100%;
43
- height: 100%;
44
- border: initial;
45
- padding: 0px;
46
- }
47
- .smart-calendar .smart-calendar-container > .smart-calendar-body {
48
- position: relative;
49
- width: 96%;
50
- height: calc(100% - var(--smart-calendar-header-height));
51
- display: flex;
52
- padding: 2px;
53
- padding-left: initial;
54
- padding-right: initial;
55
- margin-left: 2%;
56
- margin-right: 2%;
57
- cursor: default;
58
- overflow: hidden;
59
- outline: initial;
60
- user-select: none;
61
- -moz-user-select: none;
62
- -webkit-user-select: none;
63
- -ms-user-select: none;
64
- touch-action: none;
65
- }
66
- .smart-calendar .smart-calendar-container > .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell[focus], .smart-calendar .smart-calendar-container > .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell:focus {
67
- background-color: var(--smart-background);
68
- color: var(--smart-primary);
69
- border-color: var(--smart-primary);
70
- }
71
- .smart-calendar .smart-calendar-container > .smart-calendar-body > div {
72
- display: flex;
73
- flex-shrink: 0;
74
- flex-wrap: wrap;
75
- font-size: inherit;
76
- }
77
- .smart-calendar .smart-calendar-container > .smart-calendar-body .smart-hidden {
78
- display: none;
79
- }
80
- .smart-calendar .smart-calendar-header {
81
- display: flex;
82
- align-items: center;
83
- justify-content: center;
84
- background: var(--smart-surface);
85
- color: var(--smart-surface-color);
86
- border: var(--smart-border-width) solid var(--smart-border);
87
- height: var(--smart-calendar-header-height);
88
- border-left-width: 0px;
89
- border-right-width: 0px;
90
- border-top-width: 0px;
91
- box-sizing: border-box;
92
- width: 100%;
93
- outline: initial;
94
- text-transform: var(--smart-calendar-header-text-transform);
95
- }
96
- .smart-calendar .smart-calendar-header.smart-hidden {
97
- display: none;
98
- }
99
- .smart-calendar .smart-calendar-footer {
100
- display: flex;
101
- align-items: center;
102
- justify-content: center;
103
- background: var(--smart-surface);
104
- color: var(--smart-surface-color);
105
- border: var(--smart-border-width) solid var(--smart-border);
106
- height: var(--smart-calendar-footer-height);
107
- border-left-width: 0px;
108
- border-right-width: 0px;
109
- border-top-width: 0px;
110
- box-sizing: border-box;
111
- width: 100%;
112
- outline: initial;
113
- text-transform: var(--smart-calendar-footer-text-transform);
114
- }
115
- .smart-calendar .smart-calendar-footer.smart-hidden {
116
- display: none;
117
- }
118
- .smart-calendar .smart-calendar-title {
119
- width: 100%;
120
- padding: var(--smart-calendar-title-padding);
121
- font-size: inherit;
122
- font-family: inherit;
123
- background: var(--smart-primary);
124
- border: none;
125
- color: var(--smart-primary-color);
126
- user-select: none;
127
- -moz-user-select: none;
128
- -webkit-user-select: none;
129
- -ms-user-select: none;
130
- overflow: hidden;
131
- display: flex;
132
- justify-content: center;
133
- flex-direction: column;
134
- text-transform: var(--smart-calendar-title-text-transform);
135
- height: calc(var(--smart-calendar-title-height));
136
- }
137
- .smart-calendar .smart-calendar-title.smart-hidden {
138
- display: none;
139
- }
140
- .smart-calendar .smart-calendar-title div:first-of-type {
141
- font-size: 70%;
142
- }
143
- .smart-calendar .smart-calendar-title .smart-calendar-selected {
144
- opacity: 1;
145
- }
146
- .smart-calendar .smart-calendar-title div {
147
- position: relative;
148
- opacity: 0.5;
149
- font-size: 125%;
150
- cursor: pointer;
151
- display: table;
152
- border: 1px solid transparent;
153
- }
154
- .smart-calendar .smart-calendar-cell[other-month] {
155
- background: var(--smart-background);
156
- color: var(--smart-background-color);
157
- border-color: var(--smart-border);
158
- opacity: 0.5;
159
- }
160
- .smart-calendar .smart-calendar-cell[focus] {
161
- border-color: var(--smart-outline);
162
- }
163
- .smart-calendar .smart-calendar-date-element {
164
- cursor: default;
165
- align-items: center;
166
- border: 1px solid transparent;
167
- position: relative;
168
- display: flex;
169
- width: 74%;
170
- height: 100%;
171
- outline: initial;
172
- overflow: hidden;
173
- text-align: center;
174
- }
175
- .smart-calendar .smart-calendar-date-element:focus {
176
- border-color: var(--smart-outline);
177
- }
178
- .smart-calendar .smart-calendar-date-element > div {
179
- display: flex;
180
- justify-content: center;
181
- align-items: center;
182
- width: 100%;
183
- height: 100%;
184
- outline: initial;
185
- font-size: inherit;
186
- }
187
- .smart-calendar .smart-calendar-date-element > div:first-of-type {
188
- overflow: hidden;
189
- text-overflow: ellipsis;
190
- white-space: nowrap;
191
- user-select: none;
192
- -moz-user-select: none;
193
- -webkit-user-select: none;
194
- -ms-user-select: none;
195
- }
196
- .smart-calendar .smart-calendar-date-element div.smart-hidden {
197
- display: none;
198
- }
199
- .smart-calendar .smart-calendar-date-element .smart-ripple {
200
- background-color: var(--smart-button-color);
201
- opacity: 0.2;
202
- }
203
- .smart-calendar .smart-calendar-button .smart-button {
204
- font-family: var(--smart-font-family-icon);
205
- padding: 0px;
206
- border-radius: 0px;
207
- border: none;
208
- background: transparent;
209
- min-height: initial;
210
- }
211
- .smart-calendar .smart-calendar-button[prev-month], .smart-calendar .smart-calendar-button[next-month] {
212
- width: var(--smart-calendar-navigation-button-size);
213
- min-width: var(--smart-calendar-navigation-button-size);
214
- height: var(--smart-calendar-navigation-button-size);
215
- position: relative;
216
- font-size: initial;
217
- display: inline-block;
218
- font-weight: inherit;
219
- font-family: var(--smart-font-family-icon);
220
- border-radius: 100%;
221
- background: transparent;
222
- border: none;
223
- color: inherit;
224
- }
225
- .smart-calendar .smart-calendar-button[prev-month][active] button, .smart-calendar .smart-calendar-button[next-month][active] button {
226
- border: 1px solid var(--smart-ui-state-hover);
227
- background-color: var(--smart-ui-state-hover);
228
- color: var(--smart-primary);
229
- }
230
- .smart-calendar .smart-calendar-button[next-year], .smart-calendar .smart-calendar-button[prev-year] {
231
- position: relative;
232
- display: block;
233
- cursor: default;
234
- font-size: 10px;
235
- padding: 0px;
236
- margin: 0px;
237
- border-radius: 0px;
238
- border-color: var(--smart-border);
239
- border-left: none;
240
- }
241
- .smart-calendar .smart-calendar-button[next-year] span:after {
242
- content: var(--smart-icon-arrow-up);
243
- }
244
- .smart-calendar .smart-calendar-button[prev-year] {
245
- border-top-color: transparent;
246
- }
247
- .smart-calendar .smart-calendar-button[prev-year] span:after {
248
- content: var(--smart-icon-arrow-down);
249
- }
250
- .smart-calendar [next-month][focus] button,
251
- .smart-calendar [prev-month][focus] button,
252
- .smart-calendar [next-year][focus] button,
253
- .smart-calendar [prev-year][focus] button {
254
- border: 1px solid var(--smart-border-focus);
255
- background-color: var(--smart-background-focus);
256
- outline: none;
257
- }
258
- .smart-calendar .smart-calendar-list-view.smart-scroll-viewer {
259
- --smart-input-drop-down-menu-height: 100%;
260
- --smart-input-drop-down-menu-width: 100%;
261
- width: 100%;
262
- height: 100%;
263
- border: initial;
264
- position: absolute;
265
- color: inherit;
266
- text-align: center;
267
- top: 0;
268
- left: 0;
269
- opacity: initial;
270
- z-index: initial;
271
- padding: initial;
272
- float: initial;
273
- transform: initial;
274
- margin: initial;
275
- transition: initial;
276
- box-shadow: initial;
277
- }
278
- .smart-calendar .smart-calendar-list-view.smart-scroll-viewer > .smart-container {
279
- max-height: initial;
280
- }
281
- .smart-calendar .smart-calendar-list-view.smart-scroll-viewer a {
282
- pointer-events: none;
283
- }
284
- .smart-calendar .smart-calendar-week {
285
- display: flex;
286
- overflow: hidden;
287
- text-align: center;
288
- justify-content: center;
289
- }
290
- .smart-calendar .smart-calendar-week .smart-calendar-cell {
291
- text-overflow: ellipsis;
292
- overflow: hidden;
293
- border: 1px solid transparent;
294
- padding: 0px;
295
- border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
296
- border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
297
- border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
298
- border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
299
- width: var(--smart-calendar-cell-size);
300
- height: var(--smart-calendar-cell-size);
301
- line-height: calc(var(--smart-calendar-cell-size) - 2px);
302
- margin-right: var(--smart-calendar-cell-spacing);
303
- margin-bottom: var(--smart-calendar-cell-spacing);
304
- position: relative;
305
- }
306
- .smart-calendar .smart-calendar-week .smart-calendar-cell[selected] {
307
- background-color: var(--smart-primary);
308
- color: var(--smart-primary-color);
309
- border-color: var(--smart-primary);
310
- }
311
- .smart-calendar .smart-calendar-week .smart-calendar-cell[selected][hover] {
312
- background-color: var(--smart-primary);
313
- color: var(--smart-primary-color);
314
- border-color: var(--smart-primary);
315
- }
316
- .smart-calendar .smart-calendar-week .smart-calendar-cell[today] {
317
- background: var(--smart-secondary);
318
- color: var(--smart-secondary-color);
319
- border-color: var(--smart-secondary);
320
- }
321
- .smart-calendar .smart-calendar-week .smart-calendar-cell[today][hover] {
322
- background: var(--smart-secondary);
323
- color: var(--smart-secondary-color);
324
- border-color: var(--smart-secondary);
325
- }
326
- .smart-calendar .smart-calendar-week .smart-calendar-cell[selected][today] {
327
- background-color: var(--smart-primary);
328
- color: var(--smart-primary-color);
329
- border-color: var(--smart-primary);
330
- }
331
- .smart-calendar .smart-calendar-week .smart-calendar-cell[focus]:not([selected]), .smart-calendar .smart-calendar-week .smart-calendar-cell:focus:not([selected]) {
332
- background-color: var(--smart-background);
333
- color: var(--smart-primary);
334
- border-color: var(--smart-primary);
335
- }
336
- .smart-calendar .smart-calendar-week .smart-calendar-cell .smart-ripple {
337
- background-color: var(--smart-primary-color);
338
- opacity: 0.5;
339
- }
340
- .smart-calendar .smart-calendar-week .smart-calendar-week-number {
341
- text-overflow: ellipsis;
342
- overflow: hidden;
343
- border: 1px solid transparent;
344
- padding: 0px;
345
- border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
346
- border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
347
- border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
348
- border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
349
- width: var(--smart-calendar-cell-size);
350
- height: var(--smart-calendar-cell-size);
351
- line-height: calc(var(--smart-calendar-cell-size) - 2px);
352
- margin-right: var(--smart-calendar-cell-spacing);
353
- margin-bottom: var(--smart-calendar-cell-spacing);
354
- position: relative;
355
- margin: 0;
356
- }
357
- .smart-calendar .smart-calendar-week.smart-hidden {
358
- display: none;
359
- }
360
- .smart-calendar .smart-calendar-week div[restricted] {
361
- cursor: not-allowed;
362
- opacity: 0.55;
363
- text-decoration: line-through;
364
- }
365
- .smart-calendar .smart-calendar-week div[hover]:not([restricted]) {
366
- background-color: var(--smart-ui-state-hover);
367
- color: var(--smart-ui-state-color-hover);
368
- border-color: var(--smart-ui-state-border-hover);
369
- }
370
- .smart-calendar .smart-calendar-week div[important] {
371
- background: var(--smart-calendar-important-date-background);
372
- color: var(--smart-calendar-important-date-color);
373
- border-color: var(--smart-calendar-important-date-border-color);
374
- }
375
- @-moz-document url-prefix() {
376
- .smart-calendar .smart-calendar-week div {
377
- padding: initial;
378
- }
379
- }
380
- .smart-calendar .smart-calendar-week-number {
381
- display: none;
382
- margin: auto;
383
- }
384
- .smart-calendar .smart-calendar-week-titles {
385
- display: flex;
386
- overflow: hidden;
387
- text-align: center;
388
- justify-content: center;
389
- }
390
- .smart-calendar .smart-calendar-week-titles div:first-child {
391
- display: none;
392
- margin: auto;
393
- }
394
- .smart-calendar .smart-calendar-week-titles .smart-calendar-week-title {
395
- text-overflow: ellipsis;
396
- overflow: hidden;
397
- border: 1px solid transparent;
398
- padding: 0px;
399
- border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
400
- border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
401
- border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
402
- border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
403
- width: var(--smart-calendar-cell-size);
404
- height: var(--smart-calendar-cell-size);
405
- line-height: calc(var(--smart-calendar-cell-size) - 2px);
406
- margin-right: var(--smart-calendar-cell-spacing);
407
- margin-bottom: var(--smart-calendar-cell-spacing);
408
- position: relative;
409
- text-transform: var(--smart-calendar-week-title-text-transform);
410
- }
411
- .smart-calendar .smart-calendar-months-container {
412
- order: 1;
413
- width: 100%;
414
- height: 100%;
415
- align-items: center;
416
- }
417
- @-moz-document url-prefix() {
418
- .smart-calendar .smart-calendar-months-container {
419
- line-height: initial;
420
- }
421
- }
422
- .smart-calendar .smart-calendar-month {
423
- display: flex;
424
- overflow: hidden;
425
- text-align: center;
426
- justify-content: center;
427
- flex-direction: column;
428
- max-width: var(--smart-calendar-default-width);
429
- margin: auto;
430
- }
431
- .smart-calendar .smart-calendar-month-name {
432
- display: none;
433
- }
434
- .smart-calendar .smart-calendar-month-separator {
435
- display: flex;
436
- overflow: hidden;
437
- text-align: center;
438
- justify-content: center;
439
- width: 50%;
440
- order: 2;
441
- }
442
- .smart-calendar .smart-calendar-month-element {
443
- position: relative;
444
- width: 70%;
445
- height: 80%;
446
- margin: 5% 0;
447
- text-align: center;
448
- font-size: inherit;
449
- }
450
- .smart-calendar .smart-calendar-year-container:focus {
451
- border: 1px solid var(--smart-outline);
452
- outline: none;
453
- }
454
- .smart-calendar .smart-calendar-year-element {
455
- outline: none;
456
- width: 25%;
457
- height: 80%;
458
- margin-left: 5%;
459
- padding: 2px;
460
- text-align: center;
461
- font-size: inherit;
462
- border-style: solid;
463
- border-width: 1px;
464
- border-color: var(--smart-border);
465
- border-top-left-radius: var(--smart-border-top-left-radius);
466
- border-top-right-radius: 0px;
467
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
468
- border-bottom-right-radius: 0px;
469
- background: var(--smart-background);
470
- }
471
- .smart-calendar .smart-calendar-year-element:focus {
472
- border-color: var(--smart-outline);
473
- }
474
- .smart-calendar .smart-calendar-year-elements {
475
- display: flex;
476
- width: 10%;
477
- height: 80%;
478
- flex-direction: column;
479
- align-items: center;
480
- justify-content: space-around;
481
- }
482
- .smart-calendar .smart-calendar-year-elements > smart-repeat-button {
483
- height: 50%;
484
- width: 100%;
485
- }
486
- .smart-calendar .smart-calendar-year-selector {
487
- display: inline-block;
488
- }
489
- .smart-calendar .smart-calendar-next-months-container {
490
- order: 3;
491
- width: 100%;
492
- height: 100%;
493
- align-items: center;
494
- }
495
- @-moz-document url-prefix() {
496
- .smart-calendar .smart-calendar-next-months-container {
497
- line-height: initial;
498
- }
499
- }
500
- .smart-calendar .smart-calendar-date-container:focus {
501
- border: 1px solid var(--smart-outline);
502
- outline: none;
503
- }
504
- .smart-calendar .smart-calendar-date-view-container {
505
- width: 100%;
506
- height: 100%;
507
- text-align: center;
508
- flex-direction: row;
509
- align-items: center;
510
- }
511
- .smart-calendar .smart-calendar-date-view-container.smart-list-display-mode-view {
512
- flex-direction: column;
513
- }
514
- .smart-calendar .smart-calendar-date-view-container .smart-calendar-cell {
515
- display: flex;
516
- justify-content: center;
517
- align-items: center;
518
- position: relative;
519
- width: 23%;
520
- margin: 0 1%;
521
- height: 23%;
522
- /*height: 3vw;*/
523
- border: 1px solid transparent;
524
- border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
525
- border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
526
- border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
527
- border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
528
- }
529
- .smart-calendar .smart-calendar-date-view-container .smart-calendar-cell[focus] {
530
- border-color: var(--smart-outline);
531
- }
532
- .smart-calendar .smart-calendar-date-view-container .smart-calendar-cell[other-month] {
533
- background: var(--smart-background);
534
- color: var(--smart-background-color);
535
- border-color: var(--smart-border);
536
- opacity: 0.5;
537
- }
538
- .smart-calendar .smart-calendar-date-view-container .smart-visibility-hidden {
539
- visibility: visible;
540
- opacity: 0.55;
541
- }
542
- .smart-calendar .smart-calendar-animation-panel {
543
- position: absolute;
544
- background-color: var(--smart-background);
545
- justify-content: center;
546
- align-items: center;
547
- pointer-events: none;
548
- }
549
- .smart-calendar[months] .smart-calendar-month {
550
- width: 50%;
551
- }
552
- .smart-calendar[months] .smart-calendar-month-name {
553
- display: initial;
554
- }
555
- .smart-calendar[months]:not([months="1"]) {
556
- width: calc(2 * var(--smart-calendar-default-width) + var(--smart-calendar-cell-size));
557
- height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
558
- }
559
- .smart-calendar[months="1"] {
560
- width: var(--smart-calendar-default-width);
561
- height: var(--smart-calendar-default-height);
562
- min-width: var(--smart-calendar-default-width);
563
- min-height: var(--smart-calendar-default-height);
564
- }
565
- .smart-calendar[months="1"] .smart-calendar-month {
566
- width: 100%;
567
- font-size: 100%;
568
- }
569
- .smart-calendar[months="1"] .smart-calendar-month-name {
570
- display: none;
571
- }
572
- .smart-calendar[months="3"], .smart-calendar[months="4"] {
573
- --smart-calendar-default-height: calc(2 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
574
- }
575
- .smart-calendar[months="5"], .smart-calendar[months="6"] {
576
- --smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
577
- }
578
- .smart-calendar[months="7"], .smart-calendar[months="8"] {
579
- --smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
580
- }
581
- .smart-calendar[months="9"], .smart-calendar[months="10"] {
582
- --smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
583
- }
584
- .smart-calendar[months="11"], .smart-calendar[months="12"] {
585
- --smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
586
- }
587
- @media only screen and (max-width: 768px) {
588
- .smart-calendar[months] .smart-calendar-month {
589
- width: 100%;
590
- }
591
- .smart-calendar[months="2"] {
592
- height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
593
- }
594
- .smart-calendar[months="3"] {
595
- --smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
596
- }
597
- .smart-calendar[months="4"] {
598
- --smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
599
- }
600
- .smart-calendar[months="5"] {
601
- --smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
602
- }
603
- .smart-calendar[months="6"] {
604
- --smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
605
- }
606
- .smart-calendar[months="7"] {
607
- --smart-calendar-default-height: calc(7 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
608
- }
609
- .smart-calendar[months="8"] {
610
- --smart-calendar-default-height: calc(8 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
611
- }
612
- .smart-calendar[months="9"] {
613
- --smart-calendar-default-height: calc(9 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
614
- }
615
- .smart-calendar[months="10"] {
616
- --smart-calendar-default-height: calc(10 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
617
- }
618
- .smart-calendar[months="11"] {
619
- --smart-calendar-default-height: calc(11 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
620
- }
621
- .smart-calendar[months="12"] {
622
- --smart-calendar-default-height: calc(12 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
623
- }
624
- }
625
- .smart-calendar[view-sections*=footer] {
626
- --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
627
- }
628
- .smart-calendar[view-sections*=footer][view-sections*=header] .smart-calendar-container > .smart-calendar-body {
629
- height: calc(100% - var(--smart-calendar-header-height) - var(--smart-calendar-footer-height));
630
- }
631
- .smart-calendar[view-sections*=title] {
632
- --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));
633
- }
634
- .smart-calendar[view-sections*=title] .smart-calendar-container {
635
- width: 100%;
636
- height: calc(100% - var(--smart-calendar-title-height));
637
- }
638
- .smart-calendar[view-sections*=title][view-sections*=footer] {
639
- --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
640
- }
641
- .smart-calendar[scroll-buttons-position=near] .smart-calendar-button[prev-month] {
642
- order: 1;
643
- }
644
- .smart-calendar[scroll-buttons-position=near] .smart-calendar-button[next-month] {
645
- order: 2;
646
- }
647
- .smart-calendar[scroll-buttons-position=near] .smart-calendar-date-element {
648
- order: 3;
649
- }
650
- .smart-calendar[scroll-buttons-position=far] .smart-calendar-date-element {
651
- order: 1;
652
- }
653
- .smart-calendar[scroll-buttons-position=far] .smart-calendar-button[prev-month] {
654
- order: 2;
655
- }
656
- .smart-calendar[scroll-buttons-position=far] .smart-calendar-button[next-month] {
657
- order: 3;
658
- }
659
- .smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-month-separator {
660
- width: 100%;
661
- height: 50%;
662
- }
663
- .smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-container > .smart-calendar-body {
664
- flex-direction: column;
665
- }
666
- .smart-calendar[calendar-mode=classic] .smart-calendar-title div {
667
- cursor: initial;
668
- }
669
- .smart-calendar[calendar-mode=classic] .smart-calendar-date-element {
670
- align-items: initial;
671
- overflow: initial;
672
- }
673
- .smart-calendar[display-mode-view=list][display-mode=year] .smart-calendar-container > .smart-calendar-body, .smart-calendar[display-mode-view=list][display-mode=decade] .smart-calendar-container > .smart-calendar-body {
674
- touch-action: auto;
675
- }
676
- .smart-calendar[hide-other-month-days] .smart-calendar-cell[other-month] {
677
- visibility: hidden;
678
- }
679
- .smart-calendar[hide-day-names] .smart-calendar-week-titles {
680
- display: none;
681
- }
682
- .smart-calendar[week-numbers] {
683
- --smart-calendar-default-width: calc(var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
684
- }
685
- .smart-calendar[week-numbers][view-sections*=title][view=landscape] {
686
- --smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
687
- }
688
- .smart-calendar[week-numbers] .smart-calendar-week-number {
689
- display: initial;
690
- }
691
- .smart-calendar[week-numbers] .smart-calendar-week-titles div:first-child {
692
- display: initial;
693
- }
694
- .smart-calendar[view=portrait] > .smart-container, .smart-calendar[view=portrait].smart-container {
695
- display: flex;
696
- justify-content: center;
697
- flex-direction: column;
698
- }
699
- .smart-calendar[view=landscape] {
700
- --smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
701
- --smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));
702
- }
703
- .smart-calendar[view=landscape] > .smart-container, .smart-calendar[view=landscape].smart-container {
704
- flex-direction: row;
705
- }
706
- .smart-calendar[view=landscape] .smart-calendar-container {
707
- width: calc(100% - var(--smart-calendar-title-height));
708
- height: 100%;
709
- }
710
- .smart-calendar[view=landscape] .smart-calendar-title {
711
- width: calc(var(--smart-calendar-title-height));
712
- height: 100%;
713
- justify-content: flex-start;
714
- }
715
- .smart-calendar[view=landscape][view-sections*=footer] {
716
- --smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
717
- }
718
- .smart-calendar[animation=none] .smart-calendar-body .smart-calendar-month-separator,
719
- .smart-calendar[animation=none] .smart-calendar-body .smart-calendar-next-months-container {
720
- display: none;
721
- }
722
-
723
- /* smart-calendar */
724
- .smart-calendar[right-to-left] .smart-calendar-date-element > div,
725
- .smart-calendar[right-to-left] .smart-calendar-date-view-container,
726
- .smart-calendar[right-to-left] .smart-calendar-week-titles .smart-calendar-week-title,
727
- .smart-calendar[right-to-left] .smart-calendar-date-view-container .smart-calendar-cell,
728
- .smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-cell,
729
- .smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-week-number,
730
- .smart-calendar[right-to-left] .smart-calendar-title,
731
- .smart-calendar[right-to-left] .smart-calendar-footer {
732
- direction: rtl;
733
- }
734
- .smart-calendar[right-to-left] .smart-calendar-month-element {
735
- direction: initial;
736
- }
737
- .smart-calendar[right-to-left] .smart-calendar-year-element {
738
- margin-left: initial;
739
- margin-right: 5%;
740
- }
741
- .smart-calendar[right-to-left][view=landscape] > .smart-container {
742
- flex-direction: row-reverse;
1
+ /* smart-calendar */
2
+ .smart-calendar {
3
+ width: var(--smart-calendar-default-width);
4
+ height: var(--smart-calendar-default-height);
5
+ min-width: var(--smart-calendar-default-width);
6
+ min-height: var(--smart-calendar-default-height);
7
+ }
8
+ .smart-calendar:focus {
9
+ border-color: var(--smart-outline);
10
+ }
11
+ .smart-calendar > .smart-container {
12
+ user-select: none;
13
+ -moz-user-select: none;
14
+ -webkit-user-select: none;
15
+ }
16
+ .smart-calendar > .smart-container, .smart-calendar.smart-container {
17
+ display: flex;
18
+ justify-content: center;
19
+ flex-direction: column;
20
+ }
21
+ .smart-calendar smart-drop-down-list {
22
+ --smart-drop-down-list-default-min-height: initial;
23
+ }
24
+ .smart-calendar smart-tooltip {
25
+ top: 0;
26
+ }
27
+ .smart-calendar smart-tooltip .smart-tooltip-content {
28
+ border-top-left-radius: var(--smart-border-top-left-radius);
29
+ border-top-right-radius: var(--smart-border-top-right-radius);
30
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
31
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
32
+ }
33
+ .smart-calendar input {
34
+ background: inherit;
35
+ color: inherit;
36
+ }
37
+ .smart-calendar button:focus {
38
+ border: 1px solid var(--smart-outline);
39
+ outline: none;
40
+ }
41
+ .smart-calendar .smart-calendar-container {
42
+ width: 100%;
43
+ height: 100%;
44
+ border: initial;
45
+ padding: 0px;
46
+ }
47
+ .smart-calendar .smart-calendar-container > .smart-calendar-body {
48
+ position: relative;
49
+ width: 96%;
50
+ height: calc(100% - var(--smart-calendar-header-height));
51
+ display: flex;
52
+ padding: 2px;
53
+ padding-left: initial;
54
+ padding-right: initial;
55
+ margin-left: 2%;
56
+ margin-right: 2%;
57
+ cursor: default;
58
+ overflow: hidden;
59
+ outline: initial;
60
+ user-select: none;
61
+ -moz-user-select: none;
62
+ -webkit-user-select: none;
63
+ -ms-user-select: none;
64
+ touch-action: none;
65
+ }
66
+ .smart-calendar .smart-calendar-container > .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell[focus], .smart-calendar .smart-calendar-container > .smart-calendar-body:focus .smart-calendar-date-view-container .smart-calendar-cell:focus {
67
+ background-color: var(--smart-background);
68
+ color: var(--smart-primary);
69
+ border-color: var(--smart-primary);
70
+ }
71
+ .smart-calendar .smart-calendar-container > .smart-calendar-body > div {
72
+ display: flex;
73
+ flex-shrink: 0;
74
+ flex-wrap: wrap;
75
+ font-size: inherit;
76
+ }
77
+ .smart-calendar .smart-calendar-container > .smart-calendar-body .smart-hidden {
78
+ display: none;
79
+ }
80
+ .smart-calendar .smart-calendar-header {
81
+ display: flex;
82
+ align-items: center;
83
+ justify-content: center;
84
+ background: var(--smart-surface);
85
+ color: var(--smart-surface-color);
86
+ border: var(--smart-border-width) solid var(--smart-border);
87
+ height: var(--smart-calendar-header-height);
88
+ border-left-width: 0px;
89
+ border-right-width: 0px;
90
+ border-top-width: 0px;
91
+ box-sizing: border-box;
92
+ width: 100%;
93
+ outline: initial;
94
+ text-transform: var(--smart-calendar-header-text-transform);
95
+ }
96
+ .smart-calendar .smart-calendar-header.smart-hidden {
97
+ display: none;
98
+ }
99
+ .smart-calendar .smart-calendar-footer {
100
+ display: flex;
101
+ align-items: center;
102
+ justify-content: center;
103
+ background: var(--smart-surface);
104
+ color: var(--smart-surface-color);
105
+ border: var(--smart-border-width) solid var(--smart-border);
106
+ height: var(--smart-calendar-footer-height);
107
+ border-left-width: 0px;
108
+ border-right-width: 0px;
109
+ border-top-width: 0px;
110
+ box-sizing: border-box;
111
+ width: 100%;
112
+ outline: initial;
113
+ text-transform: var(--smart-calendar-footer-text-transform);
114
+ }
115
+ .smart-calendar .smart-calendar-footer.smart-hidden {
116
+ display: none;
117
+ }
118
+ .smart-calendar .smart-calendar-title {
119
+ width: 100%;
120
+ padding: var(--smart-calendar-title-padding);
121
+ font-size: inherit;
122
+ font-family: inherit;
123
+ background: var(--smart-primary);
124
+ border: none;
125
+ color: var(--smart-primary-color);
126
+ user-select: none;
127
+ -moz-user-select: none;
128
+ -webkit-user-select: none;
129
+ -ms-user-select: none;
130
+ overflow: hidden;
131
+ display: flex;
132
+ justify-content: center;
133
+ flex-direction: column;
134
+ text-transform: var(--smart-calendar-title-text-transform);
135
+ height: calc(var(--smart-calendar-title-height));
136
+ }
137
+ .smart-calendar .smart-calendar-title.smart-hidden {
138
+ display: none;
139
+ }
140
+ .smart-calendar .smart-calendar-title div:first-of-type {
141
+ font-size: 70%;
142
+ }
143
+ .smart-calendar .smart-calendar-title .smart-calendar-selected {
144
+ opacity: 1;
145
+ }
146
+ .smart-calendar .smart-calendar-title div {
147
+ position: relative;
148
+ opacity: 0.5;
149
+ font-size: 125%;
150
+ cursor: pointer;
151
+ display: table;
152
+ border: 1px solid transparent;
153
+ }
154
+ .smart-calendar .smart-calendar-cell[other-month] {
155
+ background: var(--smart-background);
156
+ color: var(--smart-background-color);
157
+ border-color: var(--smart-border);
158
+ opacity: 0.5;
159
+ }
160
+ .smart-calendar .smart-calendar-cell[focus] {
161
+ border-color: var(--smart-outline);
162
+ }
163
+ .smart-calendar .smart-calendar-date-element {
164
+ cursor: default;
165
+ align-items: center;
166
+ border: 1px solid transparent;
167
+ position: relative;
168
+ display: flex;
169
+ width: 74%;
170
+ height: 100%;
171
+ outline: initial;
172
+ overflow: hidden;
173
+ text-align: center;
174
+ }
175
+ .smart-calendar .smart-calendar-date-element:focus {
176
+ border-color: var(--smart-outline);
177
+ }
178
+ .smart-calendar .smart-calendar-date-element > div {
179
+ display: flex;
180
+ justify-content: center;
181
+ align-items: center;
182
+ width: 100%;
183
+ height: 100%;
184
+ outline: initial;
185
+ font-size: inherit;
186
+ }
187
+ .smart-calendar .smart-calendar-date-element > div:first-of-type {
188
+ overflow: hidden;
189
+ text-overflow: ellipsis;
190
+ white-space: nowrap;
191
+ user-select: none;
192
+ -moz-user-select: none;
193
+ -webkit-user-select: none;
194
+ -ms-user-select: none;
195
+ }
196
+ .smart-calendar .smart-calendar-date-element div.smart-hidden {
197
+ display: none;
198
+ }
199
+ .smart-calendar .smart-calendar-date-element .smart-ripple {
200
+ background-color: var(--smart-button-color);
201
+ opacity: 0.2;
202
+ }
203
+ .smart-calendar .smart-calendar-button .smart-button {
204
+ font-family: var(--smart-font-family-icon);
205
+ padding: 0px;
206
+ border-radius: 0px;
207
+ border: none;
208
+ background: transparent;
209
+ min-height: initial;
210
+ }
211
+ .smart-calendar .smart-calendar-button[prev-month], .smart-calendar .smart-calendar-button[next-month] {
212
+ width: var(--smart-calendar-navigation-button-size);
213
+ min-width: var(--smart-calendar-navigation-button-size);
214
+ height: var(--smart-calendar-navigation-button-size);
215
+ position: relative;
216
+ font-size: initial;
217
+ display: inline-block;
218
+ font-weight: inherit;
219
+ font-family: var(--smart-font-family-icon);
220
+ border-radius: 100%;
221
+ background: transparent;
222
+ border: none;
223
+ color: inherit;
224
+ }
225
+ .smart-calendar .smart-calendar-button[prev-month][active] button, .smart-calendar .smart-calendar-button[next-month][active] button {
226
+ border: 1px solid var(--smart-ui-state-hover);
227
+ background-color: var(--smart-ui-state-hover);
228
+ color: var(--smart-primary);
229
+ }
230
+ .smart-calendar .smart-calendar-button[next-year], .smart-calendar .smart-calendar-button[prev-year] {
231
+ position: relative;
232
+ display: block;
233
+ cursor: default;
234
+ font-size: 10px;
235
+ padding: 0px;
236
+ margin: 0px;
237
+ border-radius: 0px;
238
+ border-color: var(--smart-border);
239
+ border-left: none;
240
+ }
241
+ .smart-calendar .smart-calendar-button[next-year] span:after {
242
+ content: var(--smart-icon-arrow-up);
243
+ }
244
+ .smart-calendar .smart-calendar-button[prev-year] {
245
+ border-top-color: transparent;
246
+ }
247
+ .smart-calendar .smart-calendar-button[prev-year] span:after {
248
+ content: var(--smart-icon-arrow-down);
249
+ }
250
+ .smart-calendar [next-month][focus] button,
251
+ .smart-calendar [prev-month][focus] button,
252
+ .smart-calendar [next-year][focus] button,
253
+ .smart-calendar [prev-year][focus] button {
254
+ border: 1px solid var(--smart-border-focus);
255
+ background-color: var(--smart-background-focus);
256
+ outline: none;
257
+ }
258
+ .smart-calendar .smart-calendar-list-view.smart-scroll-viewer {
259
+ --smart-input-drop-down-menu-height: 100%;
260
+ --smart-input-drop-down-menu-width: 100%;
261
+ width: 100%;
262
+ height: 100%;
263
+ border: initial;
264
+ position: absolute;
265
+ color: inherit;
266
+ text-align: center;
267
+ top: 0;
268
+ left: 0;
269
+ opacity: initial;
270
+ z-index: initial;
271
+ padding: initial;
272
+ float: initial;
273
+ transform: initial;
274
+ margin: initial;
275
+ transition: initial;
276
+ box-shadow: initial;
277
+ }
278
+ .smart-calendar .smart-calendar-list-view.smart-scroll-viewer > .smart-container {
279
+ max-height: initial;
280
+ }
281
+ .smart-calendar .smart-calendar-list-view.smart-scroll-viewer a {
282
+ pointer-events: none;
283
+ }
284
+ .smart-calendar .smart-calendar-week {
285
+ display: flex;
286
+ overflow: hidden;
287
+ text-align: center;
288
+ justify-content: center;
289
+ }
290
+ .smart-calendar .smart-calendar-week .smart-calendar-cell {
291
+ text-overflow: ellipsis;
292
+ overflow: hidden;
293
+ border: 1px solid transparent;
294
+ padding: 0px;
295
+ border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
296
+ border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
297
+ border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
298
+ border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
299
+ width: var(--smart-calendar-cell-size);
300
+ height: var(--smart-calendar-cell-size);
301
+ line-height: calc(var(--smart-calendar-cell-size) - 2px);
302
+ margin-right: var(--smart-calendar-cell-spacing);
303
+ margin-bottom: var(--smart-calendar-cell-spacing);
304
+ position: relative;
305
+ }
306
+ .smart-calendar .smart-calendar-week .smart-calendar-cell[selected] {
307
+ background-color: var(--smart-primary);
308
+ color: var(--smart-primary-color);
309
+ border-color: var(--smart-primary);
310
+ }
311
+ .smart-calendar .smart-calendar-week .smart-calendar-cell[selected][hover] {
312
+ background-color: var(--smart-primary);
313
+ color: var(--smart-primary-color);
314
+ border-color: var(--smart-primary);
315
+ }
316
+ .smart-calendar .smart-calendar-week .smart-calendar-cell[today] {
317
+ background: var(--smart-secondary);
318
+ color: var(--smart-secondary-color);
319
+ border-color: var(--smart-secondary);
320
+ }
321
+ .smart-calendar .smart-calendar-week .smart-calendar-cell[today][hover] {
322
+ background: var(--smart-secondary);
323
+ color: var(--smart-secondary-color);
324
+ border-color: var(--smart-secondary);
325
+ }
326
+ .smart-calendar .smart-calendar-week .smart-calendar-cell[selected][today] {
327
+ background-color: var(--smart-primary);
328
+ color: var(--smart-primary-color);
329
+ border-color: var(--smart-primary);
330
+ }
331
+ .smart-calendar .smart-calendar-week .smart-calendar-cell[focus]:not([selected]), .smart-calendar .smart-calendar-week .smart-calendar-cell:focus:not([selected]) {
332
+ background-color: var(--smart-background);
333
+ color: var(--smart-primary);
334
+ border-color: var(--smart-primary);
335
+ }
336
+ .smart-calendar .smart-calendar-week .smart-calendar-cell .smart-ripple {
337
+ background-color: var(--smart-primary-color);
338
+ opacity: 0.5;
339
+ }
340
+ .smart-calendar .smart-calendar-week .smart-calendar-week-number {
341
+ text-overflow: ellipsis;
342
+ overflow: hidden;
343
+ border: 1px solid transparent;
344
+ padding: 0px;
345
+ border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
346
+ border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
347
+ border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
348
+ border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
349
+ width: var(--smart-calendar-cell-size);
350
+ height: var(--smart-calendar-cell-size);
351
+ line-height: calc(var(--smart-calendar-cell-size) - 2px);
352
+ margin-right: var(--smart-calendar-cell-spacing);
353
+ margin-bottom: var(--smart-calendar-cell-spacing);
354
+ position: relative;
355
+ margin: 0;
356
+ }
357
+ .smart-calendar .smart-calendar-week.smart-hidden {
358
+ display: none;
359
+ }
360
+ .smart-calendar .smart-calendar-week div[restricted] {
361
+ cursor: not-allowed;
362
+ opacity: 0.55;
363
+ text-decoration: line-through;
364
+ }
365
+ .smart-calendar .smart-calendar-week div[hover]:not([restricted]) {
366
+ background-color: var(--smart-ui-state-hover);
367
+ color: var(--smart-ui-state-color-hover);
368
+ border-color: var(--smart-ui-state-border-hover);
369
+ }
370
+ .smart-calendar .smart-calendar-week div[important] {
371
+ background: var(--smart-calendar-important-date-background);
372
+ color: var(--smart-calendar-important-date-color);
373
+ border-color: var(--smart-calendar-important-date-border-color);
374
+ }
375
+ @-moz-document url-prefix() {
376
+ .smart-calendar .smart-calendar-week div {
377
+ padding: initial;
378
+ }
379
+ }
380
+ .smart-calendar .smart-calendar-week-number {
381
+ display: none;
382
+ margin: auto;
383
+ }
384
+ .smart-calendar .smart-calendar-week-titles {
385
+ display: flex;
386
+ overflow: hidden;
387
+ text-align: center;
388
+ justify-content: center;
389
+ }
390
+ .smart-calendar .smart-calendar-week-titles div:first-child {
391
+ display: none;
392
+ margin: auto;
393
+ }
394
+ .smart-calendar .smart-calendar-week-titles .smart-calendar-week-title {
395
+ text-overflow: ellipsis;
396
+ overflow: hidden;
397
+ border: 1px solid transparent;
398
+ padding: 0px;
399
+ border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
400
+ border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
401
+ border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
402
+ border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
403
+ width: var(--smart-calendar-cell-size);
404
+ height: var(--smart-calendar-cell-size);
405
+ line-height: calc(var(--smart-calendar-cell-size) - 2px);
406
+ margin-right: var(--smart-calendar-cell-spacing);
407
+ margin-bottom: var(--smart-calendar-cell-spacing);
408
+ position: relative;
409
+ text-transform: var(--smart-calendar-week-title-text-transform);
410
+ }
411
+ .smart-calendar .smart-calendar-months-container {
412
+ order: 1;
413
+ width: 100%;
414
+ height: 100%;
415
+ align-items: center;
416
+ }
417
+ @-moz-document url-prefix() {
418
+ .smart-calendar .smart-calendar-months-container {
419
+ line-height: initial;
420
+ }
421
+ }
422
+ .smart-calendar .smart-calendar-month {
423
+ display: flex;
424
+ overflow: hidden;
425
+ text-align: center;
426
+ justify-content: center;
427
+ flex-direction: column;
428
+ max-width: var(--smart-calendar-default-width);
429
+ margin: auto;
430
+ }
431
+ .smart-calendar .smart-calendar-month-name {
432
+ display: none;
433
+ }
434
+ .smart-calendar .smart-calendar-month-separator {
435
+ display: flex;
436
+ overflow: hidden;
437
+ text-align: center;
438
+ justify-content: center;
439
+ width: 50%;
440
+ order: 2;
441
+ }
442
+ .smart-calendar .smart-calendar-month-element {
443
+ position: relative;
444
+ width: 70%;
445
+ height: 80%;
446
+ margin: 5% 0;
447
+ text-align: center;
448
+ font-size: inherit;
449
+ }
450
+ .smart-calendar .smart-calendar-year-container:focus {
451
+ border: 1px solid var(--smart-outline);
452
+ outline: none;
453
+ }
454
+ .smart-calendar .smart-calendar-year-element {
455
+ outline: none;
456
+ width: 25%;
457
+ height: 80%;
458
+ margin-left: 5%;
459
+ padding: 2px;
460
+ text-align: center;
461
+ font-size: inherit;
462
+ border-style: solid;
463
+ border-width: 1px;
464
+ border-color: var(--smart-border);
465
+ border-top-left-radius: var(--smart-border-top-left-radius);
466
+ border-top-right-radius: 0px;
467
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
468
+ border-bottom-right-radius: 0px;
469
+ background: var(--smart-background);
470
+ }
471
+ .smart-calendar .smart-calendar-year-element:focus {
472
+ border-color: var(--smart-outline);
473
+ }
474
+ .smart-calendar .smart-calendar-year-elements {
475
+ display: flex;
476
+ width: 10%;
477
+ height: 80%;
478
+ flex-direction: column;
479
+ align-items: center;
480
+ justify-content: space-around;
481
+ }
482
+ .smart-calendar .smart-calendar-year-elements > smart-repeat-button {
483
+ height: 50%;
484
+ width: 100%;
485
+ }
486
+ .smart-calendar .smart-calendar-year-selector {
487
+ display: inline-block;
488
+ }
489
+ .smart-calendar .smart-calendar-next-months-container {
490
+ order: 3;
491
+ width: 100%;
492
+ height: 100%;
493
+ align-items: center;
494
+ }
495
+ @-moz-document url-prefix() {
496
+ .smart-calendar .smart-calendar-next-months-container {
497
+ line-height: initial;
498
+ }
499
+ }
500
+ .smart-calendar .smart-calendar-date-container:focus {
501
+ border: 1px solid var(--smart-outline);
502
+ outline: none;
503
+ }
504
+ .smart-calendar .smart-calendar-date-view-container {
505
+ width: 100%;
506
+ height: 100%;
507
+ text-align: center;
508
+ flex-direction: row;
509
+ align-items: center;
510
+ }
511
+ .smart-calendar .smart-calendar-date-view-container.smart-list-display-mode-view {
512
+ flex-direction: column;
513
+ }
514
+ .smart-calendar .smart-calendar-date-view-container .smart-calendar-cell {
515
+ display: flex;
516
+ justify-content: center;
517
+ align-items: center;
518
+ position: relative;
519
+ width: 23%;
520
+ margin: 0 1%;
521
+ height: 23%;
522
+ /*height: 3vw;*/
523
+ border: 1px solid transparent;
524
+ border-top-left-radius: var(--smart-calendar-cell-border-top-left-radius);
525
+ border-top-right-radius: var(--smart-calendar-cell-border-top-right-radius);
526
+ border-bottom-left-radius: var(--smart-calendar-cell-border-bottom-left-radius);
527
+ border-bottom-right-radius: var(--smart-calendar-cell-border-bottom-right-radius);
528
+ }
529
+ .smart-calendar .smart-calendar-date-view-container .smart-calendar-cell[focus] {
530
+ border-color: var(--smart-outline);
531
+ }
532
+ .smart-calendar .smart-calendar-date-view-container .smart-calendar-cell[other-month] {
533
+ background: var(--smart-background);
534
+ color: var(--smart-background-color);
535
+ border-color: var(--smart-border);
536
+ opacity: 0.5;
537
+ }
538
+ .smart-calendar .smart-calendar-date-view-container .smart-visibility-hidden {
539
+ visibility: visible;
540
+ opacity: 0.55;
541
+ }
542
+ .smart-calendar .smart-calendar-animation-panel {
543
+ position: absolute;
544
+ background-color: var(--smart-background);
545
+ justify-content: center;
546
+ align-items: center;
547
+ pointer-events: none;
548
+ }
549
+ .smart-calendar[months] .smart-calendar-month {
550
+ width: 50%;
551
+ }
552
+ .smart-calendar[months] .smart-calendar-month-name {
553
+ display: initial;
554
+ }
555
+ .smart-calendar[months]:not([months="1"]) {
556
+ width: calc(2 * var(--smart-calendar-default-width) + var(--smart-calendar-cell-size));
557
+ height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
558
+ }
559
+ .smart-calendar[months="1"] {
560
+ width: var(--smart-calendar-default-width);
561
+ height: var(--smart-calendar-default-height);
562
+ min-width: var(--smart-calendar-default-width);
563
+ min-height: var(--smart-calendar-default-height);
564
+ }
565
+ .smart-calendar[months="1"] .smart-calendar-month {
566
+ width: 100%;
567
+ font-size: 100%;
568
+ }
569
+ .smart-calendar[months="1"] .smart-calendar-month-name {
570
+ display: none;
571
+ }
572
+ .smart-calendar[months="3"], .smart-calendar[months="4"] {
573
+ --smart-calendar-default-height: calc(2 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
574
+ }
575
+ .smart-calendar[months="5"], .smart-calendar[months="6"] {
576
+ --smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
577
+ }
578
+ .smart-calendar[months="7"], .smart-calendar[months="8"] {
579
+ --smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
580
+ }
581
+ .smart-calendar[months="9"], .smart-calendar[months="10"] {
582
+ --smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
583
+ }
584
+ .smart-calendar[months="11"], .smart-calendar[months="12"] {
585
+ --smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height))) !important;
586
+ }
587
+ @media only screen and (max-width: 768px) {
588
+ .smart-calendar[months] .smart-calendar-month {
589
+ width: 100%;
590
+ }
591
+ .smart-calendar[months="2"] {
592
+ height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
593
+ }
594
+ .smart-calendar[months="3"] {
595
+ --smart-calendar-default-height: calc(3 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
596
+ }
597
+ .smart-calendar[months="4"] {
598
+ --smart-calendar-default-height: calc(4 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
599
+ }
600
+ .smart-calendar[months="5"] {
601
+ --smart-calendar-default-height: calc(5 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
602
+ }
603
+ .smart-calendar[months="6"] {
604
+ --smart-calendar-default-height: calc(6 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
605
+ }
606
+ .smart-calendar[months="7"] {
607
+ --smart-calendar-default-height: calc(7 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
608
+ }
609
+ .smart-calendar[months="8"] {
610
+ --smart-calendar-default-height: calc(8 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
611
+ }
612
+ .smart-calendar[months="9"] {
613
+ --smart-calendar-default-height: calc(9 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
614
+ }
615
+ .smart-calendar[months="10"] {
616
+ --smart-calendar-default-height: calc(10 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
617
+ }
618
+ .smart-calendar[months="11"] {
619
+ --smart-calendar-default-height: calc(11 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
620
+ }
621
+ .smart-calendar[months="12"] {
622
+ --smart-calendar-default-height: calc(12 * calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height)));
623
+ }
624
+ }
625
+ .smart-calendar[view-sections*=footer] {
626
+ --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
627
+ }
628
+ .smart-calendar[view-sections*=footer][view-sections*=header] .smart-calendar-container > .smart-calendar-body {
629
+ height: calc(100% - var(--smart-calendar-header-height) - var(--smart-calendar-footer-height));
630
+ }
631
+ .smart-calendar[view-sections*=title] {
632
+ --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));
633
+ }
634
+ .smart-calendar[view-sections*=title] .smart-calendar-container {
635
+ width: 100%;
636
+ height: calc(100% - (var(--smart-calendar-title-height)));
637
+ }
638
+ .smart-calendar[view-sections*=title][view-sections*=footer] {
639
+ --smart-calendar-default-height: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
640
+ }
641
+ .smart-calendar[scroll-buttons-position=near] .smart-calendar-button[prev-month] {
642
+ order: 1;
643
+ }
644
+ .smart-calendar[scroll-buttons-position=near] .smart-calendar-button[next-month] {
645
+ order: 2;
646
+ }
647
+ .smart-calendar[scroll-buttons-position=near] .smart-calendar-date-element {
648
+ order: 3;
649
+ }
650
+ .smart-calendar[scroll-buttons-position=far] .smart-calendar-date-element {
651
+ order: 1;
652
+ }
653
+ .smart-calendar[scroll-buttons-position=far] .smart-calendar-button[prev-month] {
654
+ order: 2;
655
+ }
656
+ .smart-calendar[scroll-buttons-position=far] .smart-calendar-button[next-month] {
657
+ order: 3;
658
+ }
659
+ .smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-month-separator {
660
+ width: 100%;
661
+ height: 50%;
662
+ }
663
+ .smart-calendar[scroll-buttons-navigation-mode=portrait] .smart-calendar-container > .smart-calendar-body {
664
+ flex-direction: column;
665
+ }
666
+ .smart-calendar[calendar-mode=classic] .smart-calendar-title div {
667
+ cursor: initial;
668
+ }
669
+ .smart-calendar[calendar-mode=classic] .smart-calendar-date-element {
670
+ align-items: initial;
671
+ overflow: initial;
672
+ }
673
+ .smart-calendar[display-mode-view=list][display-mode=year] .smart-calendar-container > .smart-calendar-body, .smart-calendar[display-mode-view=list][display-mode=decade] .smart-calendar-container > .smart-calendar-body {
674
+ touch-action: auto;
675
+ }
676
+ .smart-calendar[hide-other-month-days] .smart-calendar-cell[other-month] {
677
+ visibility: hidden;
678
+ }
679
+ .smart-calendar[hide-day-names] .smart-calendar-week-titles {
680
+ display: none;
681
+ }
682
+ .smart-calendar[week-numbers] {
683
+ --smart-calendar-default-width: calc(var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
684
+ }
685
+ .smart-calendar[week-numbers][view-sections*=title][view=landscape] {
686
+ --smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 8 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
687
+ }
688
+ .smart-calendar[week-numbers] .smart-calendar-week-number {
689
+ display: initial;
690
+ }
691
+ .smart-calendar[week-numbers] .smart-calendar-week-titles div:first-child {
692
+ display: initial;
693
+ }
694
+ .smart-calendar[view=portrait] > .smart-container, .smart-calendar[view=portrait].smart-container {
695
+ display: flex;
696
+ justify-content: center;
697
+ flex-direction: column;
698
+ }
699
+ .smart-calendar[view=landscape] {
700
+ --smart-calendar-default-width: calc(var(--smart-calendar-title-height) + var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)));
701
+ --smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height));
702
+ }
703
+ .smart-calendar[view=landscape] > .smart-container, .smart-calendar[view=landscape].smart-container {
704
+ flex-direction: row;
705
+ }
706
+ .smart-calendar[view=landscape] .smart-calendar-container {
707
+ width: calc(100% - (var(--smart-calendar-title-height)));
708
+ height: 100%;
709
+ }
710
+ .smart-calendar[view=landscape] .smart-calendar-title {
711
+ width: calc(var(--smart-calendar-title-height));
712
+ height: 100%;
713
+ justify-content: flex-start;
714
+ }
715
+ .smart-calendar[view=landscape][view-sections*=footer] {
716
+ --smart-calendar-default-height: calc(var(--smart-calendar-cell-spacing) + 7 * (var(--smart-calendar-cell-spacing) + var(--smart-calendar-cell-size)) + var(--smart-calendar-header-height) + var(--smart-calendar-footer-height));
717
+ }
718
+ .smart-calendar[animation=none] .smart-calendar-body .smart-calendar-month-separator,
719
+ .smart-calendar[animation=none] .smart-calendar-body .smart-calendar-next-months-container {
720
+ display: none;
721
+ }
722
+
723
+ /* smart-calendar */
724
+ .smart-calendar[right-to-left] .smart-calendar-date-element > div,
725
+ .smart-calendar[right-to-left] .smart-calendar-date-view-container,
726
+ .smart-calendar[right-to-left] .smart-calendar-week-titles .smart-calendar-week-title,
727
+ .smart-calendar[right-to-left] .smart-calendar-date-view-container .smart-calendar-cell,
728
+ .smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-cell,
729
+ .smart-calendar[right-to-left] .smart-calendar-week .smart-calendar-week-number,
730
+ .smart-calendar[right-to-left] .smart-calendar-title,
731
+ .smart-calendar[right-to-left] .smart-calendar-footer {
732
+ direction: rtl;
733
+ }
734
+ .smart-calendar[right-to-left] .smart-calendar-month-element {
735
+ direction: initial;
736
+ }
737
+ .smart-calendar[right-to-left] .smart-calendar-year-element {
738
+ margin-left: initial;
739
+ margin-right: 5%;
740
+ }
741
+ .smart-calendar[right-to-left][view=landscape] > .smart-container {
742
+ flex-direction: row-reverse;
743
743
  }