index.jsx 647 B

12345678910111213141516171819202122
  1. import React from 'react';
  2. import { format } from 'date-fns';
  3. import { DatePicker, Button, Popover } from '../../../index';
  4. export default function Demo() {
  5. return (
  6. <Popover
  7. content={
  8. <DatePicker
  9. defaultValue={'2020-03-15 08:09:11'}
  10. triggerRender={({ value, inputValue, placeholder }) => (
  11. <Button>{(value && value[0] && format(value[0], 'yyyy-MM-dd')) || placeholder}</Button>
  12. )}
  13. />
  14. }
  15. trigger={'click'}
  16. >
  17. <Button>Click Me</Button>
  18. </Popover>
  19. );
  20. }