import React from 'react' import DateTime from '../_date_time.jsx' const DateTimeDefault = (props) => ( <div> <DateTime datetime={new Date('2020-12-31 14:24:09')} showDayOfWeek showIcon {...props} /> <br /> <DateTime datetime={new Date()} showDayOfWeek {...props} /> <br /> <DateTime datetime={new Date()} showIcon {...props} /> <br /> <DateTime datetime={new Date('2020-12-31 14:24:09 -0500')} {...props} /> </div> ) export default DateTimeDefault
import React from 'react' import DateTime from '../_date_time.jsx' const DateTimeAlign = (props) => ( <div> <DateTime datetime={new Date()} dayOfWeek icon {...props} /> <br /> <DateTime align="center" datetime={new Date()} dayOfWeek icon {...props} /> <br /> <DateTime align="right" datetime={new Date()} dayOfWeek icon {...props} /> </div> ) export default DateTimeAlign
import React from 'react' import DateTime from '../_date_time.jsx' const DateTimeDefault = (props) => ( <div> <DateTime datetime={new Date()} showDayOfWeek showIcon size="sm" {...props} /> <br /> <DateTime datetime={new Date()} showDayOfWeek size="sm" {...props} /> <br /> <DateTime datetime={new Date()} showIcon size="sm" {...props} /> <br /> <DateTime datetime={new Date()} size="sm" {...props} /> <br /> <br /> <DateTime datetime={new Date()} showDayOfWeek showIcon {...props} /> <br /> <DateTime datetime={new Date()} showDayOfWeek {...props} /> <br /> <DateTime datetime={new Date()} showIcon {...props} /> <br /> <DateTime datetime={new Date()} {...props} /> </div> ) export default DateTimeDefault