primereact 8.0.0-rc.1 → 8.0.0-rc.2

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 (349) hide show
  1. package/README.md +4 -2
  2. package/accordion/accordion.cjs.js +1 -1
  3. package/accordion/accordion.cjs.min.js +1 -1
  4. package/accordion/accordion.d.ts +2 -0
  5. package/accordion/accordion.esm.js +1 -1
  6. package/accordion/accordion.esm.min.js +1 -1
  7. package/accordion/accordion.js +1 -1
  8. package/accordion/accordion.min.js +1 -1
  9. package/api/api.cjs.js +2 -5
  10. package/api/api.cjs.min.js +1 -1
  11. package/api/api.esm.js +2 -5
  12. package/api/api.esm.min.js +1 -1
  13. package/api/api.js +2 -5
  14. package/api/api.min.js +1 -1
  15. package/autocomplete/autocomplete.cjs.js +5 -0
  16. package/autocomplete/autocomplete.cjs.min.js +1 -1
  17. package/autocomplete/autocomplete.d.ts +2 -1
  18. package/autocomplete/autocomplete.esm.js +5 -0
  19. package/autocomplete/autocomplete.esm.min.js +1 -1
  20. package/autocomplete/autocomplete.js +5 -0
  21. package/autocomplete/autocomplete.min.js +1 -1
  22. package/avatar/avatar.d.ts +1 -0
  23. package/avatargroup/avatargroup.d.ts +1 -0
  24. package/badge/badge.d.ts +1 -0
  25. package/blockui/blockui.d.ts +1 -0
  26. package/breadcrumb/breadcrumb.cjs.js +7 -5
  27. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  28. package/breadcrumb/breadcrumb.d.ts +1 -0
  29. package/breadcrumb/breadcrumb.esm.js +8 -6
  30. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  31. package/breadcrumb/breadcrumb.js +7 -5
  32. package/breadcrumb/breadcrumb.min.js +1 -1
  33. package/button/button.cjs.js +3 -1
  34. package/button/button.cjs.min.js +1 -1
  35. package/button/button.d.ts +1 -0
  36. package/button/button.esm.js +3 -1
  37. package/button/button.esm.min.js +1 -1
  38. package/button/button.js +3 -1
  39. package/button/button.min.js +1 -1
  40. package/calendar/calendar.cjs.js +314 -151
  41. package/calendar/calendar.cjs.min.js +1 -1
  42. package/calendar/calendar.d.ts +8 -0
  43. package/calendar/calendar.esm.js +314 -151
  44. package/calendar/calendar.esm.min.js +1 -1
  45. package/calendar/calendar.js +315 -152
  46. package/calendar/calendar.min.css +1 -1
  47. package/calendar/calendar.min.js +1 -1
  48. package/captcha/captcha.d.ts +1 -0
  49. package/card/card.d.ts +1 -0
  50. package/carousel/carousel.d.ts +1 -0
  51. package/cascadeselect/cascadeselect.d.ts +4 -2
  52. package/chart/chart.d.ts +1 -0
  53. package/checkbox/checkbox.cjs.js +5 -13
  54. package/checkbox/checkbox.cjs.min.js +1 -1
  55. package/checkbox/checkbox.d.ts +2 -2
  56. package/checkbox/checkbox.esm.js +5 -13
  57. package/checkbox/checkbox.esm.min.js +1 -1
  58. package/checkbox/checkbox.js +5 -13
  59. package/checkbox/checkbox.min.js +1 -1
  60. package/chip/chip.d.ts +1 -0
  61. package/chips/chips.d.ts +1 -0
  62. package/colorpicker/colorpicker.d.ts +1 -0
  63. package/column/column.d.ts +2 -1
  64. package/columngroup/columngroup.d.ts +3 -1
  65. package/common/common.min.css +1 -1
  66. package/confirmdialog/confirmdialog.cjs.js +2 -2
  67. package/confirmdialog/confirmdialog.d.ts +1 -0
  68. package/confirmdialog/confirmdialog.esm.js +2 -2
  69. package/confirmdialog/confirmdialog.js +2 -2
  70. package/confirmpopup/confirmpopup.cjs.js +2 -2
  71. package/confirmpopup/confirmpopup.d.ts +1 -0
  72. package/confirmpopup/confirmpopup.esm.js +2 -2
  73. package/confirmpopup/confirmpopup.js +2 -2
  74. package/contextmenu/contextmenu.cjs.js +6 -2
  75. package/contextmenu/contextmenu.cjs.min.js +1 -1
  76. package/contextmenu/contextmenu.d.ts +1 -0
  77. package/contextmenu/contextmenu.esm.js +7 -3
  78. package/contextmenu/contextmenu.esm.min.js +1 -1
  79. package/contextmenu/contextmenu.js +6 -2
  80. package/contextmenu/contextmenu.min.js +1 -1
  81. package/core/core.js +197 -134
  82. package/core/core.min.js +9 -9
  83. package/datascroller/datascroller.d.ts +1 -0
  84. package/datatable/datatable.cjs.js +4 -4
  85. package/datatable/datatable.cjs.min.js +1 -1
  86. package/datatable/datatable.d.ts +2 -1
  87. package/datatable/datatable.esm.js +4 -4
  88. package/datatable/datatable.esm.min.js +1 -1
  89. package/datatable/datatable.js +4 -4
  90. package/datatable/datatable.min.js +1 -1
  91. package/dataview/dataview.d.ts +2 -0
  92. package/deferredcontent/deferredcontent.d.ts +1 -0
  93. package/dialog/dialog.d.ts +1 -0
  94. package/divider/divider.d.ts +1 -0
  95. package/dock/dock.cjs.js +5 -3
  96. package/dock/dock.cjs.min.js +1 -1
  97. package/dock/dock.d.ts +1 -0
  98. package/dock/dock.esm.js +6 -4
  99. package/dock/dock.esm.min.js +1 -1
  100. package/dock/dock.js +5 -3
  101. package/dock/dock.min.js +1 -1
  102. package/dropdown/dropdown.cjs.js +2 -6
  103. package/dropdown/dropdown.cjs.min.js +1 -1
  104. package/dropdown/dropdown.d.ts +4 -2
  105. package/dropdown/dropdown.esm.js +2 -6
  106. package/dropdown/dropdown.esm.min.js +1 -1
  107. package/dropdown/dropdown.js +2 -6
  108. package/dropdown/dropdown.min.js +1 -1
  109. package/editor/editor.d.ts +1 -0
  110. package/fieldset/fieldset.d.ts +1 -0
  111. package/fileupload/fileupload.d.ts +2 -1
  112. package/fullcalendar/fullcalendar.d.ts +1 -0
  113. package/galleria/galleria.d.ts +1 -0
  114. package/gmap/gmap.cjs.js +27 -12
  115. package/gmap/gmap.cjs.min.js +1 -1
  116. package/gmap/gmap.d.ts +1 -0
  117. package/gmap/gmap.esm.js +27 -12
  118. package/gmap/gmap.esm.min.js +1 -1
  119. package/gmap/gmap.js +27 -12
  120. package/gmap/gmap.min.js +1 -1
  121. package/image/image.d.ts +1 -0
  122. package/inplace/inplace.d.ts +7 -2
  123. package/inputmask/inputmask.cjs.js +2 -0
  124. package/inputmask/inputmask.cjs.min.js +1 -1
  125. package/inputmask/inputmask.d.ts +1 -0
  126. package/inputmask/inputmask.esm.js +2 -0
  127. package/inputmask/inputmask.esm.min.js +1 -1
  128. package/inputmask/inputmask.js +2 -0
  129. package/inputmask/inputmask.min.js +1 -1
  130. package/inputnumber/inputnumber.cjs.js +8 -5
  131. package/inputnumber/inputnumber.cjs.min.js +1 -1
  132. package/inputnumber/inputnumber.d.ts +1 -0
  133. package/inputnumber/inputnumber.esm.js +8 -5
  134. package/inputnumber/inputnumber.esm.min.js +1 -1
  135. package/inputnumber/inputnumber.js +8 -5
  136. package/inputnumber/inputnumber.min.js +1 -1
  137. package/inputswitch/inputswitch.cjs.js +7 -10
  138. package/inputswitch/inputswitch.cjs.min.js +1 -1
  139. package/inputswitch/inputswitch.d.ts +2 -1
  140. package/inputswitch/inputswitch.esm.js +7 -10
  141. package/inputswitch/inputswitch.esm.min.js +1 -1
  142. package/inputswitch/inputswitch.js +7 -10
  143. package/inputswitch/inputswitch.min.js +1 -1
  144. package/inputtext/inputtext.cjs.js +12 -2
  145. package/inputtext/inputtext.cjs.min.js +1 -1
  146. package/inputtext/inputtext.d.ts +1 -0
  147. package/inputtext/inputtext.esm.js +12 -2
  148. package/inputtext/inputtext.esm.min.js +1 -1
  149. package/inputtext/inputtext.js +12 -2
  150. package/inputtext/inputtext.min.js +1 -1
  151. package/inputtextarea/inputtextarea.d.ts +1 -0
  152. package/keyfilter/keyfilter.cjs.js +54 -1
  153. package/keyfilter/keyfilter.cjs.min.js +1 -1
  154. package/keyfilter/keyfilter.esm.js +54 -1
  155. package/keyfilter/keyfilter.esm.min.js +1 -1
  156. package/keyfilter/keyfilter.js +146 -93
  157. package/keyfilter/keyfilter.min.js +1 -1
  158. package/knob/knob.d.ts +1 -0
  159. package/listbox/listbox.d.ts +4 -2
  160. package/megamenu/megamenu.cjs.js +8 -5
  161. package/megamenu/megamenu.cjs.min.js +1 -1
  162. package/megamenu/megamenu.d.ts +1 -0
  163. package/megamenu/megamenu.esm.js +9 -6
  164. package/megamenu/megamenu.esm.min.js +1 -1
  165. package/megamenu/megamenu.js +8 -5
  166. package/megamenu/megamenu.min.js +1 -1
  167. package/mention/mention.d.ts +1 -0
  168. package/menu/menu.cjs.js +4 -2
  169. package/menu/menu.cjs.min.js +1 -1
  170. package/menu/menu.d.ts +1 -0
  171. package/menu/menu.esm.js +5 -3
  172. package/menu/menu.esm.min.js +1 -1
  173. package/menu/menu.js +4 -2
  174. package/menu/menu.min.js +1 -1
  175. package/menubar/menubar.cjs.js +6 -2
  176. package/menubar/menubar.cjs.min.js +1 -1
  177. package/menubar/menubar.d.ts +1 -0
  178. package/menubar/menubar.esm.js +7 -3
  179. package/menubar/menubar.esm.min.js +1 -1
  180. package/menubar/menubar.js +6 -2
  181. package/menubar/menubar.min.js +1 -1
  182. package/menuitem/menuitem.d.ts +0 -2
  183. package/message/message.d.ts +1 -0
  184. package/messages/messages.d.ts +1 -0
  185. package/multiselect/multiselect.cjs.js +5 -13
  186. package/multiselect/multiselect.cjs.min.js +1 -1
  187. package/multiselect/multiselect.d.ts +4 -2
  188. package/multiselect/multiselect.esm.js +5 -13
  189. package/multiselect/multiselect.esm.min.js +1 -1
  190. package/multiselect/multiselect.js +5 -13
  191. package/multiselect/multiselect.min.js +1 -1
  192. package/multistatecheckbox/multistatecheckbox.d.ts +1 -0
  193. package/orderlist/orderlist.d.ts +1 -0
  194. package/organizationchart/organizationchart.d.ts +1 -0
  195. package/overlaypanel/overlaypanel.d.ts +1 -0
  196. package/package.json +3 -2
  197. package/paginator/paginator.cjs.js +11 -5
  198. package/paginator/paginator.d.ts +1 -0
  199. package/paginator/paginator.esm.js +11 -5
  200. package/paginator/paginator.js +11 -5
  201. package/panel/panel.d.ts +1 -0
  202. package/panelmenu/panelmenu.cjs.js +12 -6
  203. package/panelmenu/panelmenu.cjs.min.js +1 -1
  204. package/panelmenu/panelmenu.d.ts +1 -0
  205. package/panelmenu/panelmenu.esm.js +13 -7
  206. package/panelmenu/panelmenu.esm.min.js +1 -1
  207. package/panelmenu/panelmenu.js +12 -6
  208. package/panelmenu/panelmenu.min.js +1 -1
  209. package/password/password.d.ts +1 -0
  210. package/picklist/picklist.d.ts +1 -0
  211. package/primereact.all.cjs.js +506 -257
  212. package/primereact.all.cjs.min.js +1 -1
  213. package/primereact.all.esm.js +506 -257
  214. package/primereact.all.esm.min.js +1 -1
  215. package/primereact.all.js +506 -257
  216. package/primereact.all.min.js +1 -1
  217. package/progressbar/progressbar.d.ts +1 -0
  218. package/progressspinner/progressspinner.d.ts +2 -1
  219. package/radiobutton/radiobutton.d.ts +2 -1
  220. package/rating/rating.d.ts +1 -0
  221. package/resources/primereact.css +165 -140
  222. package/resources/primereact.min.css +1 -1
  223. package/resources/themes/arya-blue/theme.css +51 -13
  224. package/resources/themes/arya-green/theme.css +51 -13
  225. package/resources/themes/arya-orange/theme.css +51 -13
  226. package/resources/themes/arya-purple/theme.css +51 -13
  227. package/resources/themes/bootstrap4-dark-blue/theme.css +51 -13
  228. package/resources/themes/bootstrap4-dark-purple/theme.css +51 -13
  229. package/resources/themes/bootstrap4-light-blue/theme.css +51 -13
  230. package/resources/themes/bootstrap4-light-purple/theme.css +51 -13
  231. package/resources/themes/fluent-light/theme.css +51 -13
  232. package/resources/themes/lara-dark-blue/theme.css +51 -13
  233. package/resources/themes/lara-dark-indigo/theme.css +51 -13
  234. package/resources/themes/lara-dark-purple/theme.css +51 -13
  235. package/resources/themes/lara-dark-teal/theme.css +51 -13
  236. package/resources/themes/lara-light-blue/theme.css +51 -13
  237. package/resources/themes/lara-light-indigo/theme.css +51 -13
  238. package/resources/themes/lara-light-purple/theme.css +51 -13
  239. package/resources/themes/lara-light-teal/theme.css +51 -13
  240. package/resources/themes/luna-amber/theme.css +51 -13
  241. package/resources/themes/luna-blue/theme.css +51 -13
  242. package/resources/themes/luna-green/theme.css +51 -13
  243. package/resources/themes/luna-pink/theme.css +51 -13
  244. package/resources/themes/md-dark-deeppurple/theme.css +54 -13
  245. package/resources/themes/md-dark-indigo/theme.css +54 -13
  246. package/resources/themes/md-light-deeppurple/theme.css +54 -13
  247. package/resources/themes/md-light-indigo/theme.css +54 -13
  248. package/resources/themes/mdc-dark-deeppurple/theme.css +54 -13
  249. package/resources/themes/mdc-dark-indigo/theme.css +54 -13
  250. package/resources/themes/mdc-light-deeppurple/theme.css +54 -13
  251. package/resources/themes/mdc-light-indigo/theme.css +54 -13
  252. package/resources/themes/nova/theme.css +51 -13
  253. package/resources/themes/nova-accent/theme.css +51 -13
  254. package/resources/themes/nova-alt/theme.css +51 -13
  255. package/resources/themes/rhea/theme.css +51 -13
  256. package/resources/themes/saga-blue/theme.css +51 -13
  257. package/resources/themes/saga-green/theme.css +51 -13
  258. package/resources/themes/saga-orange/theme.css +51 -13
  259. package/resources/themes/saga-purple/theme.css +51 -13
  260. package/resources/themes/tailwind-light/theme.css +50 -12
  261. package/resources/themes/vela-blue/theme.css +51 -13
  262. package/resources/themes/vela-green/theme.css +51 -13
  263. package/resources/themes/vela-orange/theme.css +51 -13
  264. package/resources/themes/vela-purple/theme.css +51 -13
  265. package/ripple/ripple.cjs.js +1 -0
  266. package/ripple/ripple.cjs.min.js +1 -1
  267. package/ripple/ripple.d.ts +3 -1
  268. package/ripple/ripple.esm.js +1 -0
  269. package/ripple/ripple.esm.min.js +1 -1
  270. package/ripple/ripple.js +1 -0
  271. package/ripple/ripple.min.js +1 -1
  272. package/row/row.d.ts +1 -0
  273. package/scrollpanel/scrollpanel.d.ts +1 -0
  274. package/scrolltop/scrolltop.d.ts +1 -0
  275. package/selectbutton/selectbutton.d.ts +4 -2
  276. package/selectitem/selectitem.d.ts +2 -0
  277. package/sidebar/sidebar.d.ts +1 -0
  278. package/skeleton/skeleton.d.ts +1 -0
  279. package/slidemenu/slidemenu.cjs.js +6 -2
  280. package/slidemenu/slidemenu.cjs.min.js +1 -1
  281. package/slidemenu/slidemenu.d.ts +1 -0
  282. package/slidemenu/slidemenu.esm.js +7 -3
  283. package/slidemenu/slidemenu.esm.min.js +1 -1
  284. package/slidemenu/slidemenu.js +6 -2
  285. package/slidemenu/slidemenu.min.js +1 -1
  286. package/slider/slider.d.ts +1 -0
  287. package/speeddial/speeddial.cjs.js +10 -5
  288. package/speeddial/speeddial.cjs.min.js +1 -1
  289. package/speeddial/speeddial.d.ts +1 -0
  290. package/speeddial/speeddial.esm.js +11 -6
  291. package/speeddial/speeddial.esm.min.js +1 -1
  292. package/speeddial/speeddial.js +10 -5
  293. package/speeddial/speeddial.min.js +1 -1
  294. package/splitbutton/splitbutton.cjs.js +5 -3
  295. package/splitbutton/splitbutton.cjs.min.js +1 -1
  296. package/splitbutton/splitbutton.d.ts +1 -0
  297. package/splitbutton/splitbutton.esm.js +6 -4
  298. package/splitbutton/splitbutton.esm.min.js +1 -1
  299. package/splitbutton/splitbutton.js +5 -3
  300. package/splitbutton/splitbutton.min.js +1 -1
  301. package/splitter/splitter.d.ts +2 -0
  302. package/steps/steps.cjs.js +8 -1
  303. package/steps/steps.cjs.min.js +1 -1
  304. package/steps/steps.d.ts +1 -0
  305. package/steps/steps.esm.js +9 -2
  306. package/steps/steps.esm.min.js +1 -1
  307. package/steps/steps.js +8 -1
  308. package/steps/steps.min.js +1 -1
  309. package/styleclass/styleclass.d.ts +1 -0
  310. package/tabmenu/tabmenu.cjs.js +4 -3
  311. package/tabmenu/tabmenu.cjs.min.js +1 -1
  312. package/tabmenu/tabmenu.d.ts +1 -0
  313. package/tabmenu/tabmenu.esm.js +5 -4
  314. package/tabmenu/tabmenu.esm.min.js +1 -1
  315. package/tabmenu/tabmenu.js +4 -3
  316. package/tabmenu/tabmenu.min.js +1 -1
  317. package/tabview/tabview.d.ts +2 -0
  318. package/tag/tag.d.ts +1 -0
  319. package/terminal/terminal.d.ts +1 -0
  320. package/tieredmenu/tieredmenu.cjs.js +6 -3
  321. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  322. package/tieredmenu/tieredmenu.d.ts +1 -0
  323. package/tieredmenu/tieredmenu.esm.js +7 -4
  324. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  325. package/tieredmenu/tieredmenu.js +6 -3
  326. package/tieredmenu/tieredmenu.min.js +1 -1
  327. package/timeline/timeline.d.ts +1 -0
  328. package/toast/toast.d.ts +1 -0
  329. package/togglebutton/togglebutton.d.ts +1 -0
  330. package/toolbar/toolbar.d.ts +1 -0
  331. package/tooltip/tooltip.d.ts +1 -0
  332. package/tree/tree.d.ts +1 -0
  333. package/treeselect/treeselect.cjs.js +0 -1
  334. package/treeselect/treeselect.cjs.min.js +1 -1
  335. package/treeselect/treeselect.d.ts +2 -1
  336. package/treeselect/treeselect.esm.js +0 -1
  337. package/treeselect/treeselect.esm.min.js +1 -1
  338. package/treeselect/treeselect.js +0 -1
  339. package/treeselect/treeselect.min.js +1 -1
  340. package/treetable/treetable.d.ts +2 -1
  341. package/tristatecheckbox/tristatecheckbox.d.ts +1 -0
  342. package/utils/utils.cjs.js +11 -8
  343. package/utils/utils.cjs.min.js +1 -1
  344. package/utils/utils.esm.js +11 -8
  345. package/utils/utils.esm.min.js +1 -1
  346. package/utils/utils.js +11 -8
  347. package/utils/utils.min.js +1 -1
  348. package/virtualscroller/virtualscroller.d.ts +1 -0
  349. package/web-types.json +7 -13
package/resources/themes/luna-blue/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: #dedede;
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 700;
363
+ padding: 0.5rem;
360
364
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 0.1rem white;
365
- border-color: #81D4FA;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #81D4FA;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: #212529;
461
463
  background: #81D4FA;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.857rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #212529;
475
+ background: #81D4FA;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #4b4b4b;
478
+ border-left: 1px solid #4b4b4b;
465
479
  padding-right: 0.857rem;
466
480
  padding-left: 0.857rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: #4c4c4c;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.1rem white;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: #4c4c4c;
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 0.1rem white;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #4c4c4c;
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 0.1rem white;
@@ -4549,7 +4571,23 @@
4549
4571
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4550
4572
  margin: auto 0;
4551
4573
  }
4552
- .p-dock .p-dock-list .p-dock-item {
4574
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4575
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4579
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4580
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4581
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4582
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4583
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4584
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4585
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4586
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4587
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4588
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4589
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4590
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4553
4591
  transform: none;
4554
4592
  margin: 0;
4555
4593
  }
@@ -5801,7 +5839,7 @@
5801
5839
  background: #81D4FA;
5802
5840
  }
5803
5841
  .p-progressbar .p-progressbar-label {
5804
- color: #dedede;
5842
+ color: #212529;
5805
5843
  line-height: 24px;
5806
5844
  }
5807
5845
 
package/resources/themes/luna-green/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: #dedede;
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 700;
363
+ padding: 0.5rem;
360
364
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 0.1rem white;
365
- border-color: #C5E1A5;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #C5E1A5;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: #212529;
461
463
  background: #C5E1A5;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.857rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #212529;
475
+ background: #C5E1A5;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #4b4b4b;
478
+ border-left: 1px solid #4b4b4b;
465
479
  padding-right: 0.857rem;
466
480
  padding-left: 0.857rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: #4c4c4c;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.1rem white;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: #4c4c4c;
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 0.1rem white;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #4c4c4c;
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 0.1rem white;
@@ -4549,7 +4571,23 @@
4549
4571
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4550
4572
  margin: auto 0;
4551
4573
  }
4552
- .p-dock .p-dock-list .p-dock-item {
4574
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4575
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4579
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4580
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4581
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4582
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4583
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4584
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4585
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4586
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4587
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4588
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4589
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4590
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4553
4591
  transform: none;
4554
4592
  margin: 0;
4555
4593
  }
@@ -5801,7 +5839,7 @@
5801
5839
  background: #C5E1A5;
5802
5840
  }
5803
5841
  .p-progressbar .p-progressbar-label {
5804
- color: #dedede;
5842
+ color: #212529;
5805
5843
  line-height: 24px;
5806
5844
  }
5807
5845
 
package/resources/themes/luna-pink/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: #dedede;
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 700;
363
+ padding: 0.5rem;
360
364
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 0.1rem white;
365
- border-color: #F48FB1;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #F48FB1;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: #212529;
461
463
  background: #F48FB1;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.857rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #212529;
475
+ background: #F48FB1;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #4b4b4b;
478
+ border-left: 1px solid #4b4b4b;
465
479
  padding-right: 0.857rem;
466
480
  padding-left: 0.857rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: #4c4c4c;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.1rem white;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: #4c4c4c;
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 0.1rem white;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #4c4c4c;
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 0.1rem white;
@@ -4549,7 +4571,23 @@
4549
4571
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4550
4572
  margin: auto 0;
4551
4573
  }
4552
- .p-dock .p-dock-list .p-dock-item {
4574
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4575
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4579
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4580
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4581
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4582
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4583
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4584
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4585
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4586
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4587
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4588
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4589
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4590
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4553
4591
  transform: none;
4554
4592
  margin: 0;
4555
4593
  }
@@ -5801,7 +5839,7 @@
5801
5839
  background: #F48FB1;
5802
5840
  }
5803
5841
  .p-progressbar .p-progressbar-label {
5804
- color: #dedede;
5842
+ color: #212529;
5805
5843
  line-height: 24px;
5806
5844
  }
5807
5845
 
package/resources/themes/md-dark-deeppurple/theme.css CHANGED
@@ -379,14 +379,16 @@
379
379
  .p-datepicker .p-datepicker-header .p-datepicker-title {
380
380
  line-height: 2.5rem;
381
381
  }
382
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
383
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
382
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
383
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
384
+ color: rgba(255, 255, 255, 0.87);
385
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
386
+ font-weight: 500;
387
+ padding: 0.5rem;
384
388
  }
385
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
386
- outline: 0 none;
387
- outline-offset: 0;
388
- box-shadow: none;
389
- border-color: #CE93D8;
389
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
390
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
391
+ color: #CE93D8;
390
392
  }
391
393
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
392
394
  margin-right: 0.5rem;
@@ -484,8 +486,20 @@
484
486
  color: #CE93D8;
485
487
  background: rgba(206, 147, 216, 0.16);
486
488
  }
489
+ .p-datepicker .p-yearpicker {
490
+ margin: 0.5rem 0;
491
+ }
492
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
493
+ padding: 0.5rem;
494
+ transition: none;
495
+ border-radius: 4px;
496
+ }
497
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
498
+ color: #CE93D8;
499
+ background: rgba(206, 147, 216, 0.16);
500
+ }
487
501
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
488
- border-right: 1px solid rgba(255, 255, 255, 0.12);
502
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
489
503
  padding-right: 0.5rem;
490
504
  padding-left: 0.5rem;
491
505
  padding-top: 0;
@@ -496,7 +510,7 @@
496
510
  }
497
511
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
498
512
  padding-right: 0;
499
- border-right: 0 none;
513
+ border-left: 0 none;
500
514
  }
501
515
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
502
516
  background: rgba(255, 255, 255, 0.04);
@@ -506,10 +520,18 @@
506
520
  outline-offset: 0;
507
521
  box-shadow: none;
508
522
  }
509
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
523
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
524
  background: rgba(255, 255, 255, 0.04);
511
525
  }
512
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
526
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
527
+ outline: 0 none;
528
+ outline-offset: 0;
529
+ box-shadow: none;
530
+ }
531
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
532
+ background: rgba(255, 255, 255, 0.04);
533
+ }
534
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
513
535
  outline: 0 none;
514
536
  outline-offset: 0;
515
537
  box-shadow: none;
@@ -4586,7 +4608,23 @@
4586
4608
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4587
4609
  margin: auto 0;
4588
4610
  }
4589
- .p-dock .p-dock-list .p-dock-item {
4611
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4613
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4614
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4615
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4616
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4617
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4618
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4619
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4620
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4621
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4622
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4623
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4624
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4625
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4626
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4627
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4590
4628
  transform: none;
4591
4629
  margin: 0;
4592
4630
  }
@@ -5862,7 +5900,7 @@
5862
5900
  background: #CE93D8;
5863
5901
  }
5864
5902
  .p-progressbar .p-progressbar-label {
5865
- color: rgba(255, 255, 255, 0.87);
5903
+ color: #121212;
5866
5904
  line-height: 4px;
5867
5905
  }
5868
5906
 
@@ -6248,6 +6286,9 @@
6248
6286
  .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
6249
6287
  background: rgba(255, 255, 255, 0.12);
6250
6288
  }
6289
+ .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
6290
+ background-color: transparent !important;
6291
+ }
6251
6292
  .p-calendar-w-btn:not(.p-disabled):hover {
6252
6293
  border-color: rgba(255, 255, 255, 0.6);
6253
6294
  }
package/resources/themes/md-dark-indigo/theme.css CHANGED
@@ -379,14 +379,16 @@
379
379
  .p-datepicker .p-datepicker-header .p-datepicker-title {
380
380
  line-height: 2.5rem;
381
381
  }
382
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
383
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
382
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
383
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
384
+ color: rgba(255, 255, 255, 0.87);
385
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
386
+ font-weight: 500;
387
+ padding: 0.5rem;
384
388
  }
385
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
386
- outline: 0 none;
387
- outline-offset: 0;
388
- box-shadow: none;
389
- border-color: #9FA8DA;
389
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
390
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
391
+ color: #9FA8DA;
390
392
  }
391
393
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
392
394
  margin-right: 0.5rem;
@@ -484,8 +486,20 @@
484
486
  color: #9FA8DA;
485
487
  background: rgba(159, 168, 218, 0.16);
486
488
  }
489
+ .p-datepicker .p-yearpicker {
490
+ margin: 0.5rem 0;
491
+ }
492
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
493
+ padding: 0.5rem;
494
+ transition: none;
495
+ border-radius: 4px;
496
+ }
497
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
498
+ color: #9FA8DA;
499
+ background: rgba(159, 168, 218, 0.16);
500
+ }
487
501
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
488
- border-right: 1px solid rgba(255, 255, 255, 0.12);
502
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
489
503
  padding-right: 0.5rem;
490
504
  padding-left: 0.5rem;
491
505
  padding-top: 0;
@@ -496,7 +510,7 @@
496
510
  }
497
511
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
498
512
  padding-right: 0;
499
- border-right: 0 none;
513
+ border-left: 0 none;
500
514
  }
501
515
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
502
516
  background: rgba(255, 255, 255, 0.04);
@@ -506,10 +520,18 @@
506
520
  outline-offset: 0;
507
521
  box-shadow: none;
508
522
  }
509
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
523
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
524
  background: rgba(255, 255, 255, 0.04);
511
525
  }
512
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
526
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
527
+ outline: 0 none;
528
+ outline-offset: 0;
529
+ box-shadow: none;
530
+ }
531
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
532
+ background: rgba(255, 255, 255, 0.04);
533
+ }
534
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
513
535
  outline: 0 none;
514
536
  outline-offset: 0;
515
537
  box-shadow: none;
@@ -4586,7 +4608,23 @@
4586
4608
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4587
4609
  margin: auto 0;
4588
4610
  }
4589
- .p-dock .p-dock-list .p-dock-item {
4611
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4613
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4614
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4615
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4616
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4617
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4618
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4619
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4620
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4621
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4622
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4623
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4624
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4625
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4626
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4627
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4590
4628
  transform: none;
4591
4629
  margin: 0;
4592
4630
  }
@@ -5862,7 +5900,7 @@
5862
5900
  background: #9FA8DA;
5863
5901
  }
5864
5902
  .p-progressbar .p-progressbar-label {
5865
- color: rgba(255, 255, 255, 0.87);
5903
+ color: #121212;
5866
5904
  line-height: 4px;
5867
5905
  }
5868
5906
 
@@ -6248,6 +6286,9 @@
6248
6286
  .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
6249
6287
  background: rgba(255, 255, 255, 0.12);
6250
6288
  }
6289
+ .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
6290
+ background-color: transparent !important;
6291
+ }
6251
6292
  .p-calendar-w-btn:not(.p-disabled):hover {
6252
6293
  border-color: rgba(255, 255, 255, 0.6);
6253
6294
  }
package/resources/themes/md-light-deeppurple/theme.css CHANGED
@@ -379,14 +379,16 @@
379
379
  .p-datepicker .p-datepicker-header .p-datepicker-title {
380
380
  line-height: 2.5rem;
381
381
  }
382
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
383
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
382
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
383
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
384
+ color: rgba(0, 0, 0, 0.87);
385
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
386
+ font-weight: 500;
387
+ padding: 0.5rem;
384
388
  }
385
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
386
- outline: 0 none;
387
- outline-offset: 0;
388
- box-shadow: none;
389
- border-color: #673AB7;
389
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
390
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
391
+ color: #673AB7;
390
392
  }
391
393
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
392
394
  margin-right: 0.5rem;
@@ -484,8 +486,20 @@
484
486
  color: #673AB7;
485
487
  background: rgba(103, 58, 183, 0.12);
486
488
  }
489
+ .p-datepicker .p-yearpicker {
490
+ margin: 0.5rem 0;
491
+ }
492
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
493
+ padding: 0.5rem;
494
+ transition: none;
495
+ border-radius: 4px;
496
+ }
497
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
498
+ color: #673AB7;
499
+ background: rgba(103, 58, 183, 0.12);
500
+ }
487
501
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
488
- border-right: 1px solid rgba(0, 0, 0, 0.12);
502
+ border-left: 1px solid rgba(0, 0, 0, 0.12);
489
503
  padding-right: 0.5rem;
490
504
  padding-left: 0.5rem;
491
505
  padding-top: 0;
@@ -496,7 +510,7 @@
496
510
  }
497
511
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
498
512
  padding-right: 0;
499
- border-right: 0 none;
513
+ border-left: 0 none;
500
514
  }
501
515
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
502
516
  background: rgba(0, 0, 0, 0.04);
@@ -506,10 +520,18 @@
506
520
  outline-offset: 0;
507
521
  box-shadow: none;
508
522
  }
509
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
523
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
524
+ background: rgba(0, 0, 0, 0.04);
525
+ }
526
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
527
+ outline: 0 none;
528
+ outline-offset: 0;
529
+ box-shadow: none;
530
+ }
531
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
510
532
  background: rgba(0, 0, 0, 0.04);
511
533
  }
512
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
534
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
513
535
  outline: 0 none;
514
536
  outline-offset: 0;
515
537
  box-shadow: none;
@@ -4586,7 +4608,23 @@
4586
4608
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4587
4609
  margin: auto 0;
4588
4610
  }
4589
- .p-dock .p-dock-list .p-dock-item {
4611
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4613
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4614
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4615
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4616
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4617
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4618
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4619
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4620
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4621
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4622
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4623
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4624
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4625
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4626
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4627
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4590
4628
  transform: none;
4591
4629
  margin: 0;
4592
4630
  }
@@ -5862,7 +5900,7 @@
5862
5900
  background: #673AB7;
5863
5901
  }
5864
5902
  .p-progressbar .p-progressbar-label {
5865
- color: rgba(0, 0, 0, 0.87);
5903
+ color: #ffffff;
5866
5904
  line-height: 4px;
5867
5905
  }
5868
5906
 
@@ -6248,6 +6286,9 @@
6248
6286
  .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
6249
6287
  background: rgba(0, 0, 0, 0.12);
6250
6288
  }
6289
+ .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
6290
+ background-color: transparent !important;
6291
+ }
6251
6292
  .p-calendar-w-btn:not(.p-disabled):hover {
6252
6293
  border-color: rgba(0, 0, 0, 0.87);
6253
6294
  }