diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Address.vue b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Address.vue
index 9e9aa570..5ccef7ec 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Address.vue
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/components/Address.vue
@@ -39,10 +39,10 @@
-
@@ -127,6 +127,7 @@
this.picker = $(this.$refs.picker).flatpickr({
dateFormat: 'd.m.Y',
locale: German,
+ inline: true,
onChange: (selectedDates) => {
this.address.dateOfBirth = flatpickr.formatDate(selectedDates[0], 'Y-m-d')
}
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
index f4e0f164..f6f4d48f 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_datepicker.scss
@@ -42,8 +42,12 @@
&.inline {
border: 1px solid $color-grey-light;
+ }
+
+ &.centered {
margin: 0 auto 16px;
}
+
}
.flatpickr-day {
@@ -57,6 +61,9 @@
}
.flatpickr-day.selected {
+ background: $color-brand-secondary;
+ border-color: $color-brand-secondary;
+
&.startRange, &.endRange {
background: $color-brand-secondary;
border-color: $color-brand-secondary;