// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import { Field } from "@coreai-ds/react-components";
import { DateTimePicker } from "@coreai-ds/react-components";
import * as React from 'react';

export const Time = () => {
    const styles = /* css */ `
      .date-time-picker-time-example__control {
        max-width: 300px;
      }
    `;
    return (<>
        <style>{styles}</style>
        <Field label="Select a time">
          <DateTimePicker type="time" className="date-time-picker-time-example__control"/>
        </Field>
      </>);
};

export default Time;