From 733359c869d7116aa8f9e5c285955bc66644d554 Mon Sep 17 00:00:00 2001
From: Aidan Timson <aidan@timmo.dev>
Date: Tue, 10 Feb 2026 18:08:55 +0000
Subject: [PATCH] Fix position of 2 extra actions for date picker dialog
 (#29541)

Fix position of 2 extra actions for date picker
---
 src/components/ha-dialog-date-picker.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/ha-dialog-date-picker.ts b/src/components/ha-dialog-date-picker.ts
index 74c8a1152b..090046c7ff 100644
--- a/src/components/ha-dialog-date-picker.ts
+++ b/src/components/ha-dialog-date-picker.ts
@@ -64,7 +64,8 @@ export class HaDialogDatePicker extends LitElement {
         @datepicker-value-updated=${this._valueChanged}
         .firstDayOfWeek=${this._params.firstWeekday}
       ></app-datepicker>
-      <ha-dialog-footer slot="footer">
+
+      <div class="bottom-actions">
         ${this._params.canClear
           ? html`<ha-button
               slot="secondaryAction"
@@ -82,6 +83,9 @@ export class HaDialogDatePicker extends LitElement {
         >
           ${this.hass.localize("ui.dialogs.date-picker.today")}
         </ha-button>
+      </div>
+
+      <ha-dialog-footer slot="footer">
         <ha-button
           appearance="plain"
           slot="secondaryAction"
@@ -126,6 +130,14 @@ export class HaDialogDatePicker extends LitElement {
       ha-wa-dialog {
         --dialog-content-padding: 0;
       }
+      .bottom-actions {
+        display: flex;
+        gap: var(--ha-space-4);
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        margin-bottom: var(--ha-space-1);
+      }
       app-datepicker {
         display: block;
         margin-inline: auto;