Fixed #10856 | Year Picker for Calendar and Fixed #10855 | Add respon…

…siveOptions property to Calendar
primefaces · Nov 16, 2021 · 4183276 · 4183276
1 parent 4b90d05
commit 4183276
Show file tree

Hide file tree

Showing 45 changed files with 1,627 additions and 415 deletions.
diff --git a/src/app/components/calendar/calendar.css b/src/app/components/calendar/calendar.css
@@ -1,6 +1,7 @@
 .p-calendar {
     position: relative;
     display: inline-flex;
+    max-width: 100%;
 }
 
 .p-calendar .p-inputtext {
@@ -40,7 +41,9 @@
 }
 
 .p-datepicker-inline {
+    display: inline-block;
     position: static;
+    overflow-x: auto;
 }
 
 /* Header */
@@ -64,6 +67,16 @@
     position: relative;
 }
 
+
+/* Multiple Month DatePicker */
+.p-datepicker-multiple-month .p-datepicker-group-container {
+    display: flex;
+}
+
+.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
+    flex: 1 1 auto;
+}
+
 /* Multiple Month DatePicker */
 .p-datepicker-multiple-month .p-datepicker-group-container {
     display: flex;
@@ -134,3 +147,14 @@
     min-width: 80vw;
     transform: translate(-50%, -50%);
 }
+
+/* Year Picker */
+.p-yearpicker-year {
+    width: 50%;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    overflow: hidden;
+    position: relative;
+}