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: add read only time picker #12420

Merged
merged 5 commits into from
Nov 14, 2022

Conversation

lee-chase
Copy link
Member

@lee-chase lee-chase commented Oct 27, 2022

Contributes to #2177

Closes #12409

Adds the read-only feature to the TimePicker component.

Changelog

Added

  • Adds readOnly property to TimePicker and functionality

  • Adds test for read-only TimePicker

  • Adds styling for read-only TimePicker.

  • Fixes disabled dropdowns. Could move this to a separate PR but relies upon work required for this too.

Testing / Reviewing

Reviewed the result in Storybook and a added read-only test.

@netlify
Copy link

netlify bot commented Oct 27, 2022

Deploy Preview for carbon-components-react ready!

Name Link
🔨 Latest commit b14895a
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-react/deploys/6372a6b4dcca710008e09695
😎 Deploy Preview https://deploy-preview-12420--carbon-components-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Oct 27, 2022

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit b14895a
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/6372a6b44ba6110009ef942f
😎 Deploy Preview https://deploy-preview-12420--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

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

Visual styles are correct but cursor interactions need to be updated.

  • On hover the cursor should remain as an arrow and not switch to the hand.

@lee-chase lee-chase requested review from aagonzales and removed request for tay1orjones and tw15egan November 7, 2022 11:37
@lee-chase
Copy link
Member Author

@aagonzales @quarryboy adjusted the cusror. One thing to note is that this leaves use with the odd situation that it is possible to select and copy the time, but not AM/PM or timezone.

Copy link
Member

@aagonzales aagonzales left a comment

Choose a reason for hiding this comment

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

Visually looks good, matches spec 👍

Copy link
Member

@alisonjoseph alisonjoseph left a comment

Choose a reason for hiding this comment

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

LGTM once merge conflicts are fixed

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

@lee-chase cleaned up the merge conflicts, everything else looks great to me 👍🏻 ✅

@kodiakhq kodiakhq bot merged commit d5390eb into carbon-design-system:main Nov 14, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

[Read-only inputs]: Timepicker implementation
4 participants