diff --git a/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/DatePicker/index.vue b/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/DatePicker/index.vue
index 080161be..0f439ebc 100644
--- a/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/DatePicker/index.vue
+++ b/src/VueCtkDateTimePicker/_subs/PickersContainer/_subs/DatePicker/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    :id="`${id}-DatePicker`"
+    :id="getDatePickerId"
     :class="{'flex-1 inline': inline, 'p-0 range flex-1': range, 'is-dark': dark, 'has-shortcuts': range && !noShortcuts}"
     class="datepicker-container flex flex-fixed"
   >
@@ -196,6 +196,9 @@
       }
     },
     computed: {
+      getDatePickerId () {
+        return [undefined, null].includes(this.id) ? null : `${this.id}-DatePicker`
+      },
       bgStyle () {
         return {
           backgroundColor: this.color
diff --git a/src/VueCtkDateTimePicker/index.vue b/src/VueCtkDateTimePicker/index.vue
index 230df953..8c37ab64 100644
--- a/src/VueCtkDateTimePicker/index.vue
+++ b/src/VueCtkDateTimePicker/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    :id="`${$attrs.id}-wrapper`"
+    :id="getWrapperId"
     ref="parent"
     v-click-outside="closePicker"
     class="date-time-picker"
@@ -8,7 +8,7 @@
     <!-- Input -->
     <CustomInput
       v-if="hasInput"
-      :id="`${$attrs.id}-input`"
+      :id="getInputId"
       ref="custom-input"
       v-model="dateFormatted"
       v-bind="$attrs"
@@ -37,7 +37,7 @@
     <!-- Date picker container -->
     <PickersContainer
       v-if="!isDisabled"
-      :id="`${$attrs.id}-picker-container`"
+      :id="getPickerContainerId"
       ref="agenda"
       v-model="dateTime"
       :visible="hasPickerOpen"
@@ -134,6 +134,15 @@
       }
     },
     computed: {
+      getWrapperId () {
+        return [undefined, null].includes(this.$attrs.id) ? null : `${this.$attrs.id}-wrapper`
+      },
+      getInputId () {
+        return [undefined, null].includes(this.$attrs.id) ? null : `${this.$attrs.id}-input`
+      },
+      getPickerContainerId () {
+        return [undefined, null].includes(this.$attrs.id) ? null : `${this.$attrs.id}-picker-container`
+      },
       hasPickerOpen () {
         return this.persistent || this.pickerOpen
       },