ant-design/components/time-picker/demo/colored-popup.md
Tanmoy Bhowmik e3d2754b1d
fix: Fix popupClassName prop in timepicker (#23214)
* fix(time-picker): combine dropdownClassName and popupClassName prop

* test(time-picker): add test for popupClassName and dropdownClassName prop

* chore(time-picker): add demo for popupClassName prop

* test(time-picker): remove rc-picker dependency

* doc(time-picker): change default prop of popupClassName to undefined

* fix(time-picker): remove the use of dropdownClassName

* Apply suggestions from code review

Co-authored-by: 偏右 <afc163@gmail.com>
2020-04-14 16:49:58 +08:00

645 B

order title debug
9
zh-CN en-US
色付きポップアップ Colored Popup
true

zh-CN

カスタムクラスを TimePickerポップアップに渡す

en-US

Passing custom class to TimePicker popup

import { TimePicker } from 'antd';
import moment from 'moment';

const onChange = (time, timeString) => {
  console.log(time, timeString);
};

ReactDOM.render(
  <TimePicker
    onChange={onChange}
    defaultOpenValue={moment('00:00:00', 'HH:mm:ss')}
    popupClassName="myCustomClassName"
  />,
  mountNode,
);
.myCustomClassName .ant-picker-time-panel-cell-inner {
  color: red !important;
}