Skip to content

Add visual validity state and required asterisk for date and time pickers #6722

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

Merged
merged 38 commits into from
Mar 6, 2020

Conversation

wnvko
Copy link
Contributor

@wnvko wnvko commented Feb 13, 2020

Update the code to correctly handle state validity of the components

Closes #6471
Closes #6846

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code
  • This PR includes API docs for newly added methods/properties
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes
  • This PR includes behavioral changes and the feature specification has been updated with them

@wnvko wnvko requested review from damyanpetev and removed request for damyanpetev February 13, 2020 15:53
@wnvko wnvko marked this pull request as ready for review February 17, 2020 15:09
@wnvko wnvko requested review from damyanpetev and Lipata February 17, 2020 15:09
@wnvko wnvko added ❌ status: awaiting-test PRs awaiting manual verification and removed 🛠️ status: in-development Issues and PRs with active development on them labels Feb 17, 2020
@damyanpetev damyanpetev changed the title Fix value accessors for date and time pickers Add visual validity state and required asterisk for date and time pickers Feb 18, 2020
wnvko added a commit that referenced this pull request Feb 19, 2020
If we drop down the calendar when input has no value,
onBlur gets called but we do not call onTouchCallback
which is correct. However if after we click outside the
input the model is never validated. This is why we
should validate model, in this case, and in onClosed event.
If we drop down the calendar when input has no value,
onBlur gets called but we do not call onTouchCallback
which is correct. However if after we click outside the
input the model is never validated. This is why we
should validate model, in this case, and in onClosing event.
@wnvko wnvko force-pushed the mvenkov/handle-required-in-date-time-pickers branch from f001cf6 to e21d466 Compare February 19, 2020 12:00
@wnvko wnvko requested a review from damyanpetev February 28, 2020 13:10

UIInteractions.clickElement(datePickerOnBlurComponent.getEditElement(), HorizontalAlignment.Center, VerticalAlignment.Middle);
UIInteractions.clickElement(datePickerOnBlurComponent.getEditElement());
Copy link
Member

Choose a reason for hiding this comment

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

That should still be a trigger handler call for focus instead

@wnvko wnvko requested a review from damyanpetev March 2, 2020 13:05
wnvko added 4 commits March 2, 2020 16:28
…dle-required-in-date-time-pickers

# Conflicts:
#	projects/igniteui-angular/src/lib/date-picker/date-picker.component.spec.ts
#	projects/igniteui-angular/src/lib/time-picker/time-picker.component.html
@jackofdiamond5 jackofdiamond5 self-assigned this Mar 6, 2020
@jackofdiamond5 jackofdiamond5 added 💥 status: in-test PRs currently being tested ✅ status: verified Applies to PRs that have passed manual verification and removed ❌ status: awaiting-test PRs awaiting manual verification 💥 status: in-test PRs currently being tested labels Mar 6, 2020
@Lipata Lipata merged commit 63acbaf into master Mar 6, 2020
@Lipata Lipata deleted the mvenkov/handle-required-in-date-time-pickers branch March 6, 2020 08:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🕐 time-picker 📅 date-picker squash-merge Merge PR with "Squash and Merge" option version: 9.1.x ✅ status: verified Applies to PRs that have passed manual verification
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[igx-date-picker] Add UI style to required date picker in form (asterisk) igx-date-picker and igx-time-picker doesn't handle required properly
4 participants