ccc2bdd25e
* Removed emptyscreen component v1 version, migrated pages that still used it to v2, and removed v1 of workflow pages and components. * updated workflow pages imports to remove v2 from path. * Deleted v1 switch component, deleted v1 api-keys components, deleted old web integrations components that were unused. * Removed v1 list component. * Fixed event workflows tab path. * Fixed import path for button in sandbox page. * Cleanup and type fixes * Making explicit indexes * UI import migrations * More import fixes * More import fixes * Submodule sync * Type fixes * Build fixes Co-authored-by: zomars <zomars@me.com>
34 lines
928 B
TypeScript
34 lines
928 B
TypeScript
import React from "react";
|
|
import "react-calendar/dist/Calendar.css";
|
|
import "react-date-picker/dist/DatePicker.css";
|
|
import PrimitiveDatePicker from "react-date-picker/dist/entry.nostyle";
|
|
|
|
import { Icon } from "@calcom/ui";
|
|
|
|
import classNames from "@lib/classNames";
|
|
|
|
type Props = {
|
|
date: Date;
|
|
onDatesChange?: ((date: Date) => void) | undefined;
|
|
className?: string;
|
|
disabled?: boolean;
|
|
minDate?: Date;
|
|
};
|
|
|
|
export const DatePicker = ({ minDate, disabled, date, onDatesChange, className }: Props) => {
|
|
return (
|
|
<PrimitiveDatePicker
|
|
className={classNames(
|
|
"focus:ring-primary-500 focus:border-primary-500 rounded-sm border border-gray-300 p-1 pl-2 text-sm",
|
|
className
|
|
)}
|
|
clearIcon={null}
|
|
calendarIcon={<Icon.FiCalendar className="h-5 w-5 text-gray-500" />}
|
|
value={date}
|
|
minDate={minDate}
|
|
disabled={disabled}
|
|
onChange={onDatesChange}
|
|
/>
|
|
);
|
|
};
|