Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(datetime): add animation to adjacent days selection #30298

Merged
merged 12 commits into from
Mar 28, 2025

Conversation

JoaoFerreira-FrontEnd
Copy link
Contributor

@JoaoFerreira-FrontEnd JoaoFerreira-FrontEnd commented Mar 24, 2025

Issue number: internal


What is the new behavior?

Now when an adjacent day is selected the component will scroll to the pretended month, as it does when a month change via arrow buttons.

Changes:

  • add styles for active adjacent day;
  • scroll animation when adjacentDay is selected;

Does this introduce a breaking change?

  • Yes
  • No

Other information

- scroll animation when adjacentDay is selected;
Copy link

vercel bot commented Mar 24, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 28, 2025 10:22am

@github-actions github-actions bot added the package: core @ionic/core package label Mar 24, 2025
@JoaoFerreira-FrontEnd JoaoFerreira-FrontEnd added package: angular @ionic/angular package package: vue @ionic/vue package labels Mar 24, 2025
@JoaoFerreira-FrontEnd JoaoFerreira-FrontEnd marked this pull request as ready for review March 24, 2025 21:46
@JoaoFerreira-FrontEnd JoaoFerreira-FrontEnd requested a review from a team as a code owner March 24, 2025 21:46
@@ -251,7 +251,8 @@
* is selected should have ion-color for
* text color and be bolder.
*/
:host .calendar-day.calendar-day-active {
:host .calendar-day.calendar-day-active,
:host .calendar-day.calendar-day-adjacent-day.calendar-day-active {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
:host .calendar-day.calendar-day-adjacent-day.calendar-day-active {
:host .calendar-day.calendar-day-adjacent-day.calendar-day-active {

@@ -117,7 +117,8 @@
* is selected should have ion-color for
* text color and be bolder.
*/
:host .calendar-day.calendar-day-active {
:host .calendar-day.calendar-day-active,
:host .calendar-day.calendar-day-adjacent-day.calendar-day-active{
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
:host .calendar-day.calendar-day-adjacent-day.calendar-day-active{
:host .calendar-day.calendar-day-adjacent-day.calendar-day-active {

@thetaPC thetaPC removed the request for review from christian-bromann March 24, 2025 22:33
- simplify logic to use a targetValue const;
- call confirm after adjacentDay is clicked;
- add test to check ionChange value and component value returned from normal day and adjacent day;
Copy link
Contributor

@thetaPC thetaPC left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor changes.

Copy link
Contributor

@thetaPC thetaPC left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@JoaoFerreira-FrontEnd JoaoFerreira-FrontEnd merged commit e140b90 into feature-8.6 Mar 28, 2025
48 checks passed
@JoaoFerreira-FrontEnd JoaoFerreira-FrontEnd deleted the ROU-11744 branch March 28, 2025 17:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants