Merge branch 'v4' of https://github.com/primefaces/primevue into v4

components/lib/datepicker/DatePicker.d.ts

@@ -147,6 +147,14 @@ export interface DatePickerPassThroughOptions {
      * Used to pass attributes to the dropdown icon's DOM element.
      */
     dropdownIcon?: DatePickerPassThroughOptionType;
+    /**
+     * Used to pass attributes to the input icon container's DOM element.
+     */
+    inputIconContainer?: DatePickerPassThroughOptionType;
+    /**
+     * Used to pass attributes to the input icon's DOM element.
+     */
+    inputIcon?: DatePickerPassThroughOptionType;
     /**
      * Used to pass attributes to the panel's DOM element.
      */

components/lib/datepicker/DatePicker.vue

@@ -48,7 +48,7 @@
             </button>
         </slot>
         <template v-else-if="showIcon && iconDisplay === 'input'">
-            <span v-if="$slots.inputicon || showIcon" :class="cx('inputIconContainer')">
+            <span v-if="$slots.inputicon || showIcon" :class="cx('inputIconContainer')" v-bind="ptm('inputIconContainer')">
                 <slot name="inputicon" :class="cx('inputIcon')" :clickCallback="onButtonClick">
                     <component :is="icon ? 'i' : 'CalendarIcon'" :class="[icon, cx('inputIcon')]" @click="onButtonClick" v-bind="ptm('inputicon')" />
                 </slot>

components/lib/datepicker/style/DatePickerStyle.js

@@ -362,7 +362,7 @@ const classes = {
     dropdown: 'p-datepicker-dropdown',
     inputIconContainer: 'p-datepicker-input-icon-container',
     inputIcon: 'p-datepicker-input-icon',
-    panel: ({ instance, props }) => [
+    panel: ({ props }) => [
         'p-datepicker-panel p-component',
         {
             'p-datepicker-panel-inline': props.inline,