diff --git a/pos_partner_birthdate/__manifest__.py b/pos_partner_birthdate/__manifest__.py
index 291d9ac037..b662c3a65d 100644
--- a/pos_partner_birthdate/__manifest__.py
+++ b/pos_partner_birthdate/__manifest__.py
@@ -3,7 +3,7 @@
 {
     "name": "Point of Sale - Partner contact birthdate",
     "summary": "Adds the birthdate in the customer screen of POS",
-    "version": "16.0.1.0.4",
+    "version": "17.0.1.0.0",
     "development_status": "Beta",
     "category": "Point of sale",
     "website": "https://github.com/OCA/pos",
@@ -13,7 +13,7 @@
     "installable": True,
     "depends": ["point_of_sale", "partner_contact_birthdate"],
     "assets": {
-        "point_of_sale.assets": [
+        "point_of_sale._assets_pos": [
             "pos_partner_birthdate/static/src/xml/ClientDetailsEdit.xml",
             "pos_partner_birthdate/static/src/js/ClientDetailsEdit.esm.js",
         ]
diff --git a/pos_partner_birthdate/static/src/js/ClientDetailsEdit.esm.js b/pos_partner_birthdate/static/src/js/ClientDetailsEdit.esm.js
index df4b59d1e0..63ba5bce66 100644
--- a/pos_partner_birthdate/static/src/js/ClientDetailsEdit.esm.js
+++ b/pos_partner_birthdate/static/src/js/ClientDetailsEdit.esm.js
@@ -1,17 +1,13 @@
 /** @odoo-module **/
-const {useState} = owl;
-import PartnerDetailsEdit from "point_of_sale.PartnerDetailsEdit";
-import Registries from "point_of_sale.Registries";
+import {PartnerDetailsEdit} from "@point_of_sale/app/screens/partner_list/partner_editor/partner_editor";
+import {patch} from "@web/core/utils/patch";
 
-const PartnerDetailsEditBirthdate = (OriginalPartnerDetailsEdit) =>
-    class extends OriginalPartnerDetailsEdit {
-        setup() {
-            super.setup();
-            this.changes = useState({
-                ...this.changes,
-                birthdate_date: this.props.partner.birthdate_date || null,
-            });
-        }
-    };
-
-Registries.Component.extend(PartnerDetailsEdit, PartnerDetailsEditBirthdate);
+patch(PartnerDetailsEdit.prototype, {
+    setup() {
+        super.setup(...arguments);
+        this.changes.birthdate_date = this.props.partner.birthdate_date || null;
+    },
+    _today() {
+        return new Date().toISOString().split("T")[0];
+    },
+});
diff --git a/pos_partner_birthdate/static/src/xml/ClientDetailsEdit.xml b/pos_partner_birthdate/static/src/xml/ClientDetailsEdit.xml
index aea85b5b2c..6957cc60e6 100644
--- a/pos_partner_birthdate/static/src/xml/ClientDetailsEdit.xml
+++ b/pos_partner_birthdate/static/src/xml/ClientDetailsEdit.xml
@@ -6,15 +6,17 @@
         t-inherit-mode="extension"
         owl="1"
     >
-        <xpath expr="//div[hasclass('partner-details-left')]" position="inside">
-            <div class="partner-detail">
-                <span class="label">Birthdate</span>
+        <xpath expr="//div[hasclass('partner-details-box')]" position="inside">
+
+            <div class="partner-detail col">
+                <label class="form-label label" for="birthdate_date">Birthdate</label>
                 <input
-                    class="detail"
+                    class="detail birthdate_date form-control"
+                    id="birthdate_date"
                     name="birthdate_date"
                     type="date"
+                    t-att-max="_today()"
                     t-model="changes.birthdate_date"
-                    t-on-change="captureChange"
                     placeholder="Birthdate"
                 />
             </div>