Repository navigation
bug: ion-datetime-button does not respect minuteValues and others #30183
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
v8.x
Current Behavior
A ion-datetime-button element will default to an unselectable date or time when these properties are used on the ion-datetime element:
- monthValues
- dayValues
- yearValues
- hourValues
- minuteValues
Expected Behavior
The ion-datetime-button contents should default to show the closest available valid value. Like the example for ion-datetime does.
Steps to Reproduce
- Use this template code
<ion-modal [keepContentsMounted]="true">
<ng-template>
<ion-datetime id="datetime" minuteValues="0" />
</ng-template>
</ion-modal>- See the button show any date or time outside the values allowed by
minuteValues(or the other properties)
Code Reproduction URL
https://stackblitz.com/edit/sgkfctaz?file=src%2Fapp%2Fexample.component.html
Ionic Info
Ionic:
Ionic CLI : 7.2.0 (C:\Users\<NAME>\AppData\Local\nvs\node\22.12.0\x64\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 8.4.2 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@ionic\angular)
@angular-devkit/build-angular : 19.1.4 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@angular-devkit\build-angular)
@angular-devkit/schematics : 19.1.4 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@angular-devkit\schematics)
@angular/cli : 19.1.4 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@angular\cli)
@ionic/angular-toolkit : 12.1.1 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@ionic\angular-toolkit)
Capacitor:
Capacitor CLI : not installed
@capacitor/android : 6.2.0 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@capacitor\android)
@capacitor/core : 6.2.0 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@capacitor\core)
@capacitor/ios : 6.2.0 (C:\Users\<NAME>\Projects\<PROJECT>\node_modules\@capacitor\ios)
Utility:
cordova-res : not installed globally
native-run : not installed globally
System:
NodeJS : v22.12.0 (C:\Users\<NAME>\AppData\Local\nvs\default\node.exe)
npm : 11.1.0
OS : Windows 10
Additional Information
Possibly related to #24722
Activity
fix(datetime-button): fix initial value not following datetime constr…
fix(datetime-button): respect datetime constraints in initial text (#…
ShaneK commentedon Jul 1, 2026
Hey! Thanks for your report! This has been fixed in Ionic Framework v8.8.13!
ionitron-bot commentedon Jul 31, 2026
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.
fix(datetime-button): respect datetime constraints in initial text (i…