question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Cannot select a date in not-current month in ion-datetime on Android

See original GitHub issue

Prerequisites

Ionic Framework Version

  • v4.x
  • v5.x
  • v6.x

Current Behavior

In v6, when i click on one of the arrows in the top-right of the date-time component -or select a different month via the top-left option- I cannot select a date without it jumping to the previous month. If you then click a date, it goes back to the previous month again.

Tested in dev & production on real device and emulator with newest release candidate of the v6 beta.

https://user-images.githubusercontent.com/32323786/144433234-c7842142-0383-4478-84f3-d6383d4d3c41.mov

Expected Behavior

Click on a date, that date gets selected

Steps to Reproduce

  1. Add a <ion-datetime> component to any screen.
  2. Use capacitor to run the project on an Android phone or emulator.
  3. Try to select a date in a different month than the current one

Code Reproduction URL

https://github.com/Hugocaminada/datetime-test

Ionic Info

   Require stack:
   - /usr/local/lib/node_modules/@ionic/cli/lib/project/index.js
   - /usr/local/lib/node_modules/@ionic/cli/lib/index.js
   - /usr/local/lib/node_modules/@ionic/cli/index.js
   - /usr/local/lib/node_modules/@ionic/cli/bin/ionic

Ionic:

Ionic CLI : 6.18.1 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/angular 6.0.0-rc.3 @angular-devkit/build-angular : 12.1.4 @angular-devkit/schematics : 12.2.13 @angular/cli : 12.1.4 @ionic/angular-toolkit : 4.0.0

Capacitor:

Capacitor CLI : 3.3.2 @capacitor/android : 3.3.2 @capacitor/core : 3.3.2 @capacitor/ios : not installed

Utility:

cordova-res : 0.15.3 native-run : 1.5.0

System:

NodeJS : v14.17.3 (/usr/local/bin/node) npm : 7.24.0 OS : macOS Monterey

Additional Information

No response

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
liamdebeasicommented, Dec 10, 2021

This issue has been fixed in Chrome 97. It is slated to release Jan 4, 2022. I will keep this issue open until Chrome 97 ships. Thanks again!

1reaction
liamdebeasicommented, Jan 4, 2022

Chrome 97 is releasing today which has a fix for this issue, so I am going to close this thread. Thanks for the report!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Incorrect switching of months in ion-datetime (Ionic 6)
Issue: When I first click on the button to switch the month, the calendar changes, but the name of the month remains the...
Read more >
Cant set min and max date of datetime picker for ionic
In my ion-datetime I have dates to select. These dates are the dates provided from a function that finds the next available dates...
Read more >
What's new in Ionic 6.2 release | ion-datetime-button - YouTube
Ionic 6 Angular - Multiple Date Selection | What's new in Ionic 6.2 release | ion-datetime -button. 918 views 4 months ago. Coding ......
Read more >
How to use the Ionic 6 Datetime component - YouTube
In this video we are taking a closer look at the Ionic 6 datetime component and implement a stylish modal that works for...
Read more >
Ionic 6 ion-datetime | Complete guide - YouTube
Ionic 6 ion-datetime | Complete guide - working with dynamic data & shared component ; #ionic ; #angular for ; # android &...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found