set width calendar full and responsive

2024-09-26 18:12:15 +03:30
parent 86301000af
commit d4a95ce32e
2 changed files with 28 additions and 7 deletions
@@ -374,6 +374,30 @@ html {

 /* Date Picker Style */

+.custom-datepicker .panel-jalaali,
+.custom-datepicker .panel-jalaali .panel-header-inner,
+.custom-datepicker .panel-jalaali .day-label-bar,
+.custom-datepicker .panel-jalaali .days-body {
+  width: 100%;
+  max-width: 100%;
+}
+
+.custom-datepicker .panel-jalaali .day-label-bar-inner-rtl {
+  width: 100%;
+  display: grid;
+  grid-template-columns: repeat(7, minmax(14.28%, 38px));
+  margin: 0;
+  padding: 0;
+}
+
+.custom-datepicker .panel-jalaali .day-label-bar-inner-rtl .day-label-item {
+  width: 100%;
+}
+
+.custom-datepicker .panel-jalaali .days-body {
+  grid-template-columns: repeat(7, minmax(14.28%, 38px));
+}
+
 .panel-elevation {
  box-shadow: none !important;
  border: none;