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;