diff --git a/CHANGELOG.md b/CHANGELOG.md
index 19399c6..c58d05c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.31.1] - 2026-04-29
+
+### Fixed
+- Settings: birthday date fields (profile, new member, edit member) now use the native date picker on iOS
+- Birthdays: birth date field now uses the native date picker on iOS
+
 ## [0.31.0] - 2026-04-29
 
 ### Added
diff --git a/package-lock.json b/package-lock.json
index 422ea6f..3541c4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "oikos",
-  "version": "0.30.3",
+  "version": "0.31.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "oikos",
-      "version": "0.30.3",
+      "version": "0.31.1",
       "license": "MIT",
       "dependencies": {
         "bcrypt": "^6.0.0",
diff --git a/package.json b/package.json
index 2d87493..b4fd3ac 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "oikos",
-  "version": "0.31.0",
+  "version": "0.31.1",
   "description": "Self-hosted family planner - calendar, tasks, shopping, meal planning, budget and more. Private, open-source, no subscription.",
   "main": "server/index.js",
   "type": "module",
diff --git a/public/pages/birthdays.js b/public/pages/birthdays.js
index 0f12ac5..9d04eb7 100644
--- a/public/pages/birthdays.js
+++ b/public/pages/birthdays.js
@@ -282,7 +282,7 @@ function openBirthdayModal({ mode, birthday = null }) {
         </div>
         <div class="form-group">
           <label class="form-label" for="bd-birth-date">${t('birthdays.birthDateLabel')}</label>
-          <input class="form-input js-date-input" id="bd-birth-date" type="text" value="${esc(formatDateInput(birthday?.birth_date))}" placeholder="${dateInputPlaceholder()}" inputmode="numeric">
+          <input class="form-input" id="bd-birth-date" type="date" value="${esc(birthday?.birth_date || '')}">
         </div>
         <div class="form-group">
           <label class="form-label" for="bd-photo">${t('birthdays.photoLabel')}</label>
diff --git a/public/pages/settings.js b/public/pages/settings.js
index 47f65b8..08891a5 100644
--- a/public/pages/settings.js
+++ b/public/pages/settings.js
@@ -579,7 +579,7 @@ export async function render(container, { user }) {
               </div>
               <div class="form-group">
                 <label class="form-label" for="new-member-birth-date">${t('settings.memberBirthDateLabel')}</label>
-                <input class="form-input js-date-input" type="text" id="new-member-birth-date" placeholder="${dateInputPlaceholder()}" inputmode="numeric" />
+                <input class="form-input" type="date" id="new-member-birth-date" />
                 <p class="form-hint">${t('settings.memberContactBirthdayHint')}</p>
               </div>
               <label class="toggle-row">
@@ -677,7 +677,7 @@ export async function render(container, { user }) {
               </div>
               <div class="form-group">
                 <label class="form-label" for="profile-birth-date">${t('settings.memberBirthDateLabel')}</label>
-                <input class="form-input js-date-input" type="text" id="profile-birth-date" value="${esc(formatDateInput(user?.birth_date))}" placeholder="${dateInputPlaceholder()}" inputmode="numeric" />
+                <input class="form-input" type="date" id="profile-birth-date" value="${esc(user?.birth_date || '')}" />
                 <p class="form-hint">${t('settings.memberContactBirthdayHint')}</p>
               </div>
               <div id="profile-error" class="form-error" hidden></div>
@@ -1212,7 +1212,7 @@ function openEditMemberModal(member, currentUser, users, container) {
         </div>
         <div class="form-group">
           <label class="form-label" for="edit-member-birth-date">${t('settings.memberBirthDateLabel')}</label>
-          <input class="form-input js-date-input" type="text" id="edit-member-birth-date" value="${esc(formatDateInput(member.birth_date))}" placeholder="${dateInputPlaceholder()}" inputmode="numeric" />
+          <input class="form-input" type="date" id="edit-member-birth-date" value="${esc(member.birth_date || '')}" />
           <p class="form-hint">${t('settings.memberContactBirthdayHint')}</p>
         </div>
         <label class="toggle-row">