react-datepicker icon indicating copy to clipboard operation
react-datepicker copied to clipboard

Datepicker style is broken when showTimeSelect is on

Open angelzbg opened this issue 3 years ago • 3 comments

When I use showTimeSelect the whole style is broken.

import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

<DatePicker
  selected={+state.searchStr}
  dateFormat="yyyy-MM-dd HH:mm"
  onChange={(date) => {
    setState({ searchStr: new Date(date).getTime() + '' });
  }}
  className="mr-1"
  showTimeSelect
/>

The picker is in a <div className="d-flex align-items-center mb-1">

Screenshot https://i.ibb.co/PgLcrtX/react-datepicker-style-broken.png

angelzbg avatar Jul 14 '21 15:07 angelzbg

when I used in Shopify-Polaris, the same problem , Datepicker style is broken , image

TransonQ avatar Nov 08 '21 09:11 TransonQ

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Jun 12 '22 16:06 stale[bot]

Same issue

elyeshkiri avatar Jun 30 '22 08:06 elyeshkiri