Update/add time inputs in the design system.

Description

As a designer, I want to add or edit the time selctors in Figma, so that a Dev can add this component to Storybook.
As a designer, I want the time selector that is created to be the new source of truth for how all time selectors look and behave within the CMS, so that there is a clear pattern for how all time selectors will work and will be easy for editors to pick up on.
As a developer, I want to blank, so that blank.
As a CMS Editor, I want to have an intuitive time picker, so that I can easily select and edit time values for any use case that is needed.

[ ] Foundation - The Foundation section provides information about the visual language and styles used in the CMS.
[x] Component - Components are interactive and non-interactive UI elements that can be grouped together or presented individually. They are independent, reusable chunks of a user interface.
[ ] Pattern - Patterns are solutions and researched best practices for solving user-focused tasks and recurring user interface design problems.
[ ] Template - Templates, or page layouts, compose components within a single page. A layout can contain multiple variations of a component depending on the context.

Update Figma

[ ] [Replace me outlining specific things that need to be done for this design ticket.]
[ ] Use ticket #4888 for more info on problem space.
[ ] Ensure that the CMS Design System in Figma is updated to reflect the changes listed above.

Collab with Dev

[ ] Set up a meeting to collaborate with the developer who will be implementing the design.
[ ] Agree on a naming convention to use in Figma and in Storybook.

Create Follow Up Tickets

[ ] Create a github ticket using (this template) to update the CMS Design System Documentation in Confluence and link to it as a comment in this ticket.
[ ] Create a github ticket using this template for a developer to update the CMS Storybook and link to it as a comment in this ticket.