Refactor #5176 - invalid property added

components/lib/dropdown/BaseDropdown.vue

@@ -33,6 +33,10 @@ export default {
             type: String,
             default: null
         },
+        invalid: {
+            type: Boolean,
+            default: false
+        },
         disabled: {
             type: Boolean,
             default: false

components/lib/dropdown/Dropdown.d.ts

@@ -319,6 +319,11 @@ export interface DropdownProps {
      * Default text to display when no option is selected.
      */
     placeholder?: string | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false

components/lib/dropdown/style/DropdownStyle.js

@@ -104,6 +104,7 @@ const classes = {
         'p-dropdown p-component p-inputwrapper',
         {
             'p-disabled': props.disabled,
+            'p-invalid': props.invalid,
             'p-dropdown-clearable': props.showClear,
             'p-focus': state.focused,
             'p-inputwrapper-filled': instance.hasSelectedOption,