diff --git a/src/components/DatetimePicker/DatetimePicker.vue b/src/components/DatetimePicker/DatetimePicker.vue
index a1140a7951..d7d51bc5f5 100644
--- a/src/components/DatetimePicker/DatetimePicker.vue
+++ b/src/components/DatetimePicker/DatetimePicker.vue
@@ -22,11 +22,14 @@
 
 <template>
 	<DatePicker
-		v-bind="$attrs"
-		:minute-step="10"
+		ref="datepicker"
 		:clearable="false"
+		:minute-step="10"
 		:value="value"
+		v-bind="$attrs"
 		v-on="$listeners"
+		@select-year="handleSelectYear"
+		@select-month="handleSelectMonth"
 		@update:value="$emit('update:value', value)" />
 </template>
 
@@ -69,6 +72,29 @@ export default {
 				return new Date()
 			}
 		}
+	},
+
+	methods: {
+		handleSelectYear(year) {
+			if (this.value) {
+				try {
+					const value = new Date(new Date(this.value).setFullYear(year))
+					this.$refs.datepicker.selectDate(value)
+				} catch (error) {
+					console.error('Invalid value', this.value, year)
+				}
+			}
+		},
+		handleSelectMonth(month) {
+			if (this.value) {
+				try {
+					const value = new Date(new Date(this.value).setMonth(month))
+					this.$refs.datepicker.selectDate(value)
+				} catch (error) {
+					console.error('Invalid value', this.value, month)
+				}
+			}
+		}
 	}
 }
 </script>