# Component/TimeChipInput

> Props: component-timechipinput.props.txt

## Examples


### Base

```tsx
{
  render: args => {
    const [value, setValue] = useState<Date | null>(null);
    return <Stack direction='column' gap={12}>
        <BaseText>{value ? `선택: ${value.getHours()}시 ${value.getMinutes()}분` : '미선택'}</BaseText>
        <TimeChipInput {...args} value={value} onChange={setValue} />
      </Stack>;
  }
}
```

### With Disabled Time

```tsx
{
  render: args => {
    const [value, setValue] = useState<Date | null>(set(new Date(), {
      hours: 10,
      minutes: 0,
      seconds: 0,
      milliseconds: 0
    }));
    return <Stack direction='column' gap={12}>
        <BaseText>0~8시 비활성</BaseText>
        <TimeChipInput {...args} value={value} onChange={setValue} disabledTime={() => ({
        disabledHours: () => [0, 1, 2, 3, 4, 5, 6, 7, 8]
      })} />
      </Stack>;
  }
}
```