diff --git a/src/components/orderlist/OrderList.d.ts b/src/components/orderlist/OrderList.d.ts
index a8b29cddd..4aa2da413 100755
--- a/src/components/orderlist/OrderList.d.ts
+++ b/src/components/orderlist/OrderList.d.ts
@@ -1,7 +1,7 @@
 import Vue, {VNode} from 'vue';
 
 export declare class OrderList extends Vue {
-    value?: any[];
+    modelValue?: any[];
     dataKey?: string;
     selection?: any[];
     metaKeySelection?: boolean;
diff --git a/src/components/picklist/PickList.d.ts b/src/components/picklist/PickList.d.ts
index a85486289..324ba9280 100755
--- a/src/components/picklist/PickList.d.ts
+++ b/src/components/picklist/PickList.d.ts
@@ -1,7 +1,7 @@
 import Vue, {VNode} from 'vue';
 
 export declare class PickList extends Vue {
-    value?: any[][];
+    modelValue?: any[][];
     selection?: any[][];
     dataKey?: string;
     metaKeySelection?: boolean;
diff --git a/src/components/picklist/PickList.vue b/src/components/picklist/PickList.vue
index ad49183df..286607286 100755
--- a/src/components/picklist/PickList.vue
+++ b/src/components/picklist/PickList.vue
@@ -55,7 +55,7 @@ import Ripple from '../ripple/Ripple';
 
 export default {
     props: {
-        value: {
+        modelValue: {
             type: Array,
             default: () => [[],[]]
         },
@@ -104,7 +104,7 @@ export default {
         },
         moveUp(event, listIndex) {
             if (this.d_selection && this.d_selection[listIndex]) {
-                let valueList = [...this.value[listIndex]];
+                let valueList = [...this.modelValue[listIndex]];
                 let selectionList = this.d_selection[listIndex];
 
                 for (let i = 0; i < selectionList.length; i++) {
@@ -122,11 +122,11 @@ export default {
                     }
                 }
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[listIndex] = valueList;
 
                 this.reorderDirection = 'up';
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
                 this.$emit('reorder', {
                     originalEvent: event,
                     value: value,
@@ -137,7 +137,7 @@ export default {
         },
         moveTop(event, listIndex) {
             if(this.d_selection) {
-                let valueList = [...this.value[listIndex]];
+                let valueList = [...this.modelValue[listIndex]];
                 let selectionList = this.d_selection[listIndex];
 
                 for (let i = 0; i < selectionList.length; i++) {
@@ -153,11 +153,11 @@ export default {
                     }
                 }
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[listIndex] = valueList;
 
                 this.reorderDirection = 'top';
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
                 this.$emit('reorder', {
                     originalEvent: event,
                     value: value,
@@ -167,7 +167,7 @@ export default {
         },
         moveDown(event, listIndex) {
             if(this.d_selection) {
-                let valueList = [...this.value[listIndex]];
+                let valueList = [...this.modelValue[listIndex]];
                 let selectionList = this.d_selection[listIndex];
 
                 for (let i = selectionList.length - 1; i >= 0; i--) {
@@ -185,11 +185,11 @@ export default {
                     }
                 }
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[listIndex] = valueList;
 
                 this.reorderDirection = 'down';
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
                 this.$emit('reorder', {
                     originalEvent: event,
                     value: value,
@@ -199,7 +199,7 @@ export default {
         },
         moveBottom(event, listIndex) {
             if (this.d_selection) {
-                let valueList = [...this.value[listIndex]];
+                let valueList = [...this.modelValue[listIndex]];
                 let selectionList = this.d_selection[listIndex];
 
                 for (let i = selectionList.length - 1; i >= 0; i--) {
@@ -215,11 +215,11 @@ export default {
                     }
                 }
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[listIndex] = valueList;
 
                 this.reorderDirection = 'bottom';
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
                 this.$emit('reorder', {
                     originalEvent: event,
                     value: value,
@@ -229,8 +229,8 @@ export default {
         },
         moveToTarget(event) {
             let selection = this.d_selection && this.d_selection[0] ? this.d_selection[0] : null;
-            let sourceList = [...this.value[0]];
-            let targetList = [...this.value[1]];
+            let sourceList = [...this.modelValue[0]];
+            let targetList = [...this.modelValue[1]];
 
             if (selection) {
                 for (let i = 0; i < selection.length; i++) {
@@ -241,10 +241,10 @@ export default {
                     }
                 }
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[0] = sourceList;
                 value[1] = targetList;
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
 
                 this.$emit('move-to-target', {
                     originalEvent: event,
@@ -260,9 +260,9 @@ export default {
             }
         },
         moveAllToTarget(event) {
-            if (this.value[0]) {
-                let sourceList = [...this.value[0]];
-                let targetList = [...this.value[1]];
+            if (this.modelValue[0]) {
+                let sourceList = [...this.modelValue[0]];
+                let targetList = [...this.modelValue[1]];
 
                 this.$emit('move-all-to-target', {
                     originalEvent: event,
@@ -272,10 +272,10 @@ export default {
                 targetList = [...targetList, ...sourceList];
                 sourceList = [];
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[0] = sourceList;
                 value[1] = targetList;
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
 
                 this.d_selection[0] = [];
                 this.$emit('update:selection', this.d_selection);
@@ -287,8 +287,8 @@ export default {
         },
         moveToSource(event) {
             let selection = this.d_selection && this.d_selection[1] ? this.d_selection[1] : null;
-            let sourceList = [...this.value[0]];
-            let targetList = [...this.value[1]];
+            let sourceList = [...this.modelValue[0]];
+            let targetList = [...this.modelValue[1]];
 
             if (selection) {
                 for (let i = 0; i < selection.length; i++) {
@@ -299,10 +299,10 @@ export default {
                     }
                 }
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[0] = sourceList;
                 value[1] = targetList;
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
 
                 this.$emit('move-to-source', {
                     originalEvent: event,
@@ -318,9 +318,9 @@ export default {
             }
         },
         moveAllToSource(event) {
-            if (this.value[1]) {
-                let sourceList = [...this.value[0]];
-                let targetList = [...this.value[1]];
+            if (this.modelValue[1]) {
+                let sourceList = [...this.modelValue[0]];
+                let targetList = [...this.modelValue[1]];
 
                 this.$emit('move-all-to-source', {
                     originalEvent: event,
@@ -330,10 +330,10 @@ export default {
                 sourceList = [...sourceList, ...targetList];
                 targetList = [];
 
-                let value = [...this.value];
+                let value = [...this.modelValue];
                 value[0] = sourceList;
                 value[1] = targetList;
-                this.$emit('input', value);
+                this.$emit('update:modelValue', value);
 
                 this.d_selection[1] = [];
                 this.$emit('update:selection', this.d_selection);
@@ -464,10 +464,10 @@ export default {
     },
     computed: {
         sourceList() {
-            return this.value && this.value[0] ? this.value[0] : null;
+            return this.modelValue && this.modelValue[0] ? this.modelValue[0] : null;
         },
         targetList() {
-            return this.value && this.value[1] ? this.value[1] : null;
+            return this.modelValue && this.modelValue[1] ? this.modelValue[1] : null;
         }
     },
     components: {
diff --git a/src/views/picklist/PickListDoc.vue b/src/views/picklist/PickListDoc.vue
index 6543922cc..7010a35c3 100755
--- a/src/views/picklist/PickListDoc.vue
+++ b/src/views/picklist/PickListDoc.vue
@@ -51,13 +51,13 @@ import PickList from 'primevue/picklist';
 </CodeHighlight>
 
                 <h5>Selection</h5>
-                <p>In case you need to access the selected items in the list, define a binding to the <i>selection</i> property with the sync operator so that
+                <p>In case you need to access the selected items in the list, define a binding to the <i>selection</i> property with the v-model directive so that
                 it gets updated when the user makes a selection. Since it is two-way binding enabled, your changes to the selection will be reflected as well.  Note that
                 this is optional and only necessary when you need to access the selection.</p>
 
 <CodeHighlight>
 <template v-pre>
-&lt;PickList v-model="cars" dataKey="vin" :selection.sync="selection"&gt;
+&lt;PickList v-model="cars" dataKey="vin" v-model:selection="selection"&gt;
     &lt;template #item="slotProps"&gt;
         &lt;div class="p-caritem"&gt;
             &lt;img :src="'demo/images/car/' + slotProps.item.brand + '.png'"&gt;
@@ -88,7 +88,7 @@ import PickList from 'primevue/picklist';
 						</thead>
 						<tbody>
                             <tr>
-                                <td>value</td>
+                                <td>modelValue</td>
                                 <td>array</td>
                                 <td>null</td>
                                 <td>Value of the component as a multidimensional array.</td>