EventTicketsDescription.tsx
2 years ago
EventTicketsHeader.tsx
2 years ago
EventTicketsList.tsx
2 years ago
EventTicketsListItem.tsx
2 years ago
types.ts
2 years ago
EventTicketsHeader.tsx
18 lines
| 1 | import {format} from 'date-fns'; |
| 2 | |
| 3 | export default function EventTicketsHeader({title, startDateTime}) { |
| 4 | const fullDate = format(startDateTime, 'EEEE, MMMM do, hh:mmaaa'); |
| 5 | const day = format(startDateTime, 'dd'); |
| 6 | const month = format(startDateTime, 'MMM'); |
| 7 | |
| 8 | return ( |
| 9 | <div className={'givewp-event-tickets__header'}> |
| 10 | <div className={'givewp-event-tickets__header__date'}> |
| 11 | {day} <span>{month}</span> |
| 12 | </div> |
| 13 | <h4 className={'givewp-event-tickets__header__title'}>{title}</h4> |
| 14 | <p className={'givewp-event-tickets__header__full-date'}>{fullDate}</p> |
| 15 | </div> |
| 16 | ); |
| 17 | } |
| 18 |