Улучшен календарный фильтр дат: динамическое количество дней, отображение месяца и сохранение позиции при выборе

myproject/orders/static/orders/css/date_filter.css

@@ -1,5 +1,5 @@
 /**
- * Стили для календарного фильтра с лентой из 19 дней
+ * Стили для календарного фильтра с динамическим количеством дней
  * Используется в компоненте date_range_filter.html
  */
 
@@ -118,6 +118,13 @@
     text-transform: uppercase;
 }
 
+.date-btn-month {
+    font-size: 0.65rem;
+    font-weight: 500;
+    color: #6c757d;
+    text-transform: lowercase;
+}
+
 /* Сегодняшний день (более светлый оттенок) */
 .date-btn.today {
     background: #cfe2ff;
@@ -127,7 +134,8 @@
 
 .date-btn.today .date-btn-label,
 .date-btn.today .date-btn-day,
-.date-btn.today .date-btn-weekday {
+.date-btn.today .date-btn-weekday,
+.date-btn.today .date-btn-month {
     color: #084298;
 }
 
@@ -154,7 +162,8 @@
     color: #dc3545;
 }
 
-.date-btn.selected .date-btn-weekday {
+.date-btn.selected .date-btn-weekday,
+.date-btn.selected .date-btn-month {
     color: #6c757d;
 }
 
@@ -189,6 +198,10 @@
     .date-btn-weekday {
         font-size: 0.7rem;
     }
+
+    .date-btn-month {
+        font-size: 0.6rem;
+    }
 }
 
 @media (max-width: 576px) {
@@ -208,6 +221,10 @@
     .date-btn-weekday {
         font-size: 0.65rem;
     }
+
+    .date-btn-month {
+        font-size: 0.55rem;
+    }
 }
 
 /* Анимация при клике */