Skip to content
ChatKit

DatePicker

type DatePicker = {
  align?: 'start' | 'center' | 'end';
  block?: boolean;
  clearable?: boolean;
  defaultValue?: string;
  disabled?: boolean;
  id?: string;
  key?: string;
  max?: string;
  min?: string;
  name: string;
  onChangeAction?: ActionConfig;
  pill?: boolean;
  placeholder?: string;
  side?: 'top' | 'bottom' | 'left' | 'right';
  size?: ControlSize;
  type: 'DatePicker';
  variant?: ControlVariant;
};

Properties

Section titled “Properties”

align?

Section titled “align?”
optional align: "start" | "center" | "end";

block?

Section titled “block?”
optional block: boolean;

clearable?

Section titled “clearable?”
optional clearable: boolean;

defaultValue?

Section titled “defaultValue?”
optional defaultValue: string;

disabled?

Section titled “disabled?”
optional disabled: boolean;

id?

Section titled “id?”
optional id: string;

key?

Section titled “key?”
optional key: string;

max?

Section titled “max?”
optional max: string;

min?

Section titled “min?”
optional min: string;

name

Section titled “name”
name: string;

onChangeAction?

Section titled “onChangeAction?”
optional onChangeAction: ActionConfig;

pill?

Section titled “pill?”
optional pill: boolean;

placeholder?

Section titled “placeholder?”
optional placeholder: string;

side?

Section titled “side?”
optional side: "top" | "bottom" | "left" | "right";

size?

Section titled “size?”
optional size: ControlSize;

type

Section titled “type”
type: 'DatePicker';

variant?

Section titled “variant?”
optional variant: ControlVariant;