Use to display a date range. Year will not show if it is the current year.
import React from 'react' import DateRangeInline from 'playbook-ui' const DateRangeInlineDefault = (props) => { return ( <div> <DateRangeInline endDate={new Date('20 Mar 2015')} size="xs" startDate={new Date('18 Jun 2013')} /> <DateRangeInline endDate={new Date('20 Mar 2015')} size="sm" startDate={new Date('18 Jun 2013')} /> <br /> <br /> <DateRangeInline align="center" endDate={new Date(`15 Aug ${new Date().getFullYear()}`)} icon size="xs" startDate={new Date(`15 Jan ${new Date().getFullYear()}`)} /> <DateRangeInline align="center" endDate={new Date(`15 Aug ${new Date().getFullYear()}`)} icon size="sm" startDate={new Date(`15 Jan ${new Date().getFullYear()}`)} /> <br /> <br /> <DateRangeInline align="right" endDate={new Date(`15 Aug ${new Date().getFullYear()}`)} icon size="xs" startDate={new Date(`15 Jan ${new Date().getFullYear()}`)} /> <DateRangeInline align="right" endDate={new Date(`15 Aug ${new Date().getFullYear()}`)} icon size="sm" startDate={new Date(`15 Jan ${new Date().getFullYear()}`)} /> </div> ) } export default DateRangeInlineDefault