-
Notifications
You must be signed in to change notification settings - Fork 79
feat(input-time-picker): allow toggling time picker by clicking the input or entering the down/escape key #6832
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(input-time-picker): allow toggling time picker by clicking the input or entering the down/escape key #6832
Conversation
…nput or entering the down key
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
✨🕐🤏✨
it("does not open the time picker on input keyboard focus", async () => { | ||
const popover = await page.find("calcite-input-time-picker >>> calcite-popover"); | ||
|
||
await page.keyboard.press("Tab"); | ||
await page.waitForChanges(); | ||
|
||
expect(await popover.getProperty("open")).not.toBe(true); | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is cool and more inline with how Chrome's native time input works. This will also setup users to expect the focus to be more on the input than in the popup, which will transition usage nicely over to the popover-less input-time
component.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Awesome! Thanks for the note.
Related Issue: #6830
Summary
This enhances the
input-time-picker
to allow it to be toggled via mouse and keyboard vs initial focus.