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/bootstrap4-light-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.15s, border-color 0.15s, box-shadow 0.15s;
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: #212529;
361
+ transition: box-shadow 0.15s;
362
+ font-weight: 600;
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.2rem rgba(38, 143, 255, 0.5);
365
- border-color: #007bff;
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: #007bff;
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: #ffffff;
461
463
  background: #007bff;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.15s;
471
+ border-radius: 4px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #ffffff;
475
+ background: #007bff;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #dee2e6;
478
+ border-left: 1px solid #dee2e6;
465
479
  padding-right: 0;
466
480
  padding-left: 0;
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: #e9ecef;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
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: #e9ecef;
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.2rem rgba(38, 143, 255, 0.5);
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #e9ecef;
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.2rem rgba(38, 143, 255, 0.5);
@@ -4574,7 +4596,23 @@
4574
4596
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4575
4597
  margin: auto 0;
4576
4598
  }
4577
- .p-dock .p-dock-list .p-dock-item {
4599
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4600
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4603
+ .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,
4604
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4605
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4606
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4607
+ .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,
4608
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4609
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4611
+ .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,
4612
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4613
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4614
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4615
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4578
4616
  transform: none;
4579
4617
  margin: 0;
4580
4618
  }
@@ -5850,7 +5888,7 @@
5850
5888
  background: #007bff;
5851
5889
  }
5852
5890
  .p-progressbar .p-progressbar-label {
5853
- color: #212529;
5891
+ color: #ffffff;
5854
5892
  line-height: 1.5rem;
5855
5893
  }
5856
5894
 
package/resources/themes/bootstrap4-light-purple/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.15s, border-color 0.15s, box-shadow 0.15s;
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: #212529;
361
+ transition: box-shadow 0.15s;
362
+ font-weight: 600;
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.2rem rgba(136, 60, 174, 0.5);
365
- border-color: #883cae;
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: #883cae;
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: #ffffff;
461
463
  background: #883cae;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.15s;
471
+ border-radius: 4px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #ffffff;
475
+ background: #883cae;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #dee2e6;
478
+ border-left: 1px solid #dee2e6;
465
479
  padding-right: 0;
466
480
  padding-left: 0;
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: #e9ecef;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
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: #e9ecef;
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.2rem rgba(136, 60, 174, 0.5);
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #e9ecef;
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.2rem rgba(136, 60, 174, 0.5);
@@ -4574,7 +4596,23 @@
4574
4596
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4575
4597
  margin: auto 0;
4576
4598
  }
4577
- .p-dock .p-dock-list .p-dock-item {
4599
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4600
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4603
+ .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,
4604
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4605
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4606
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4607
+ .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,
4608
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4609
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4611
+ .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,
4612
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4613
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4614
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4615
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4578
4616
  transform: none;
4579
4617
  margin: 0;
4580
4618
  }
@@ -5850,7 +5888,7 @@
5850
5888
  background: #883cae;
5851
5889
  }
5852
5890
  .p-progressbar .p-progressbar-label {
5853
- color: #212529;
5891
+ color: #ffffff;
5854
5892
  line-height: 1.5rem;
5855
5893
  }
5856
5894
 
package/resources/themes/fluent-light/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: #323130;
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 600;
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: inset 0 0 0 1px #605e5c;
365
- border-color: #0078d4;
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: #0078d4;
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: #323130;
461
463
  background: #edebe9;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 1px;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 2px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #323130;
475
+ background: #edebe9;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #edebe9;
478
+ border-left: 1px solid #edebe9;
465
479
  padding-right: 0.75rem;
466
480
  padding-left: 0.75rem;
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: #f3f2f1;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: inset 0 0 0 1px #605e5c;
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 {
486
500
  background: #f3f2f1;
487
501
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
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: inset 0 0 0 1px #605e5c;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
508
+ background: #f3f2f1;
509
+ }
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: inset 0 0 0 1px #605e5c;
@@ -4537,7 +4559,23 @@
4537
4559
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4538
4560
  margin: auto 0;
4539
4561
  }
4540
- .p-dock .p-dock-list .p-dock-item {
4562
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4563
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4564
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4565
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4566
+ .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,
4567
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4568
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4569
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4570
+ .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,
4571
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4572
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4573
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4574
+ .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,
4575
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4541
4579
  transform: none;
4542
4580
  margin: 0;
4543
4581
  }
@@ -5789,7 +5827,7 @@
5789
5827
  background: #0078d4;
5790
5828
  }
5791
5829
  .p-progressbar .p-progressbar-label {
5792
- color: #323130;
5830
+ color: #ffffff;
5793
5831
  line-height: 2px;
5794
5832
  }
5795
5833
 
package/resources/themes/lara-dark-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: rgba(255, 255, 255, 0.87);
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.2rem rgba(147, 197, 253, 0.5);
365
- border-color: #93C5FD;
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: #93C5FD;
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: rgba(255, 255, 255, 0.87);
461
463
  background: rgba(147, 197, 253, 0.16);
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 6px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: rgba(255, 255, 255, 0.87);
475
+ background: rgba(147, 197, 253, 0.16);
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #0b213f;
478
+ border-left: 1px solid #0b213f;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
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: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
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: rgba(255, 255, 255, 0.03);
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.2rem rgba(147, 197, 253, 0.5);
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: rgba(255, 255, 255, 0.03);
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.2rem rgba(147, 197, 253, 0.5);
@@ -4537,7 +4559,23 @@
4537
4559
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4538
4560
  margin: auto 0;
4539
4561
  }
4540
- .p-dock .p-dock-list .p-dock-item {
4562
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4563
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4564
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4565
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4566
+ .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,
4567
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4568
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4569
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4570
+ .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,
4571
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4572
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4573
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4574
+ .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,
4575
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4541
4579
  transform: none;
4542
4580
  margin: 0;
4543
4581
  }
@@ -5789,7 +5827,7 @@
5789
5827
  background: #93C5FD;
5790
5828
  }
5791
5829
  .p-progressbar .p-progressbar-label {
5792
- color: rgba(255, 255, 255, 0.87);
5830
+ color: #1c2127;
5793
5831
  line-height: 1.5rem;
5794
5832
  }
5795
5833
 
package/resources/themes/lara-dark-indigo/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: rgba(255, 255, 255, 0.87);
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.2rem rgba(165, 180, 252, 0.5);
365
- border-color: #A5B4FC;
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: #A5B4FC;
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: rgba(255, 255, 255, 0.87);
461
463
  background: rgba(165, 180, 252, 0.16);
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 6px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: rgba(255, 255, 255, 0.87);
475
+ background: rgba(165, 180, 252, 0.16);
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #0b213f;
478
+ border-left: 1px solid #0b213f;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
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: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
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: rgba(255, 255, 255, 0.03);
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.2rem rgba(165, 180, 252, 0.5);
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: rgba(255, 255, 255, 0.03);
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.2rem rgba(165, 180, 252, 0.5);
@@ -4537,7 +4559,23 @@
4537
4559
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4538
4560
  margin: auto 0;
4539
4561
  }
4540
- .p-dock .p-dock-list .p-dock-item {
4562
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4563
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4564
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4565
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4566
+ .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,
4567
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4568
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4569
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4570
+ .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,
4571
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4572
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4573
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4574
+ .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,
4575
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4541
4579
  transform: none;
4542
4580
  margin: 0;
4543
4581
  }
@@ -5789,7 +5827,7 @@
5789
5827
  background: #A5B4FC;
5790
5828
  }
5791
5829
  .p-progressbar .p-progressbar-label {
5792
- color: rgba(255, 255, 255, 0.87);
5830
+ color: #1c2127;
5793
5831
  line-height: 1.5rem;
5794
5832
  }
5795
5833
 
package/resources/themes/lara-dark-purple/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: rgba(255, 255, 255, 0.87);
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.2rem rgba(196, 181, 253, 0.5);
365
- border-color: #C4B5FD;
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: #C4B5FD;
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: rgba(255, 255, 255, 0.87);
461
463
  background: rgba(196, 181, 253, 0.16);
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 6px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: rgba(255, 255, 255, 0.87);
475
+ background: rgba(196, 181, 253, 0.16);
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #0b213f;
478
+ border-left: 1px solid #0b213f;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
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: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
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: rgba(255, 255, 255, 0.03);
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.2rem rgba(196, 181, 253, 0.5);
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: rgba(255, 255, 255, 0.03);
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.2rem rgba(196, 181, 253, 0.5);
@@ -4537,7 +4559,23 @@
4537
4559
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4538
4560
  margin: auto 0;
4539
4561
  }
4540
- .p-dock .p-dock-list .p-dock-item {
4562
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4563
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4564
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4565
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4566
+ .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,
4567
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4568
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4569
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4570
+ .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,
4571
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4572
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4573
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4574
+ .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,
4575
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4576
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4577
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4578
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4541
4579
  transform: none;
4542
4580
  margin: 0;
4543
4581
  }
@@ -5789,7 +5827,7 @@
5789
5827
  background: #C4B5FD;
5790
5828
  }
5791
5829
  .p-progressbar .p-progressbar-label {
5792
- color: rgba(255, 255, 255, 0.87);
5830
+ color: #1c2127;
5793
5831
  line-height: 1.5rem;
5794
5832
  }
5795
5833