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

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

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

export default Default;