Merge pull request #83 from modx-pro/feat/datepicker-icon-in-input

Единообразное отображение иконки календаря

Author: biz87

vueManager/src/components/DynamicField.vue

@@ -93,7 +93,9 @@
       :input-id="fieldConfig.id"
       :placeholder="fieldConfig.placeholder"
       :disabled="disabled"
-      :show-icon="fieldConfig.props?.showIcon ?? true"
+      show-icon
+      fluid
+      icon-display="input"
       :date-format="fieldConfig.props?.dateFormat ?? 'dd.mm.yy'"
       @blur="handleBlur"
     />

vueManager/src/components/OrderView.vue

@@ -2304,10 +2304,12 @@ onMounted(async () => {
                           <DatePicker
                             v-model="order[field.name]"
                             :placeholder="field.placeholder"
-                            class="w-full"
                             date-format="dd.mm.yy"
                             show-time
                             hour-format="24"
+                            show-icon
+                            fluid
+                            icon-display="input"
                           />
                         </template>
 

vueManager/src/components/OrdersGrid.vue

@@ -602,9 +602,10 @@ onMounted(async () => {
                   :id="`filter-${filter.key}`"
                   v-model="filterValues[filter.key]"
                   date-format="dd.mm.yy"
-                  :show-icon="true"
+                  show-icon
+                  fluid
+                  icon-display="input"
                   :show-button-bar="true"
-                  class="w-full"
                   @date-select="applyFilters"
                 />
               </div>
@@ -621,9 +622,10 @@ onMounted(async () => {
                   v-model="filterValues[filter.key]"
                   selection-mode="range"
                   date-format="dd.mm.yy"
-                  :show-icon="true"
+                  show-icon
+                  fluid
+                  icon-display="input"
                   :show-button-bar="true"
-                  class="w-full"
                   @date-select="applyFilters"
                 />
               </div>