[release-calendar] Calendar view date

release-calendar/src/client/components/Calendar.tsx

@@ -50,6 +50,8 @@ export class Calendar extends React.Component<CalendarProps, CalendarState> {
     this.apiService = new ApiService();
   }
 
+  calendarReference = React.createRef<FullCalendar>();
+
   async componentDidMount(): Promise<void> {
     const promotions = await this.apiService.getPromotions();
     this.setState({allEvents: getAllEvents(promotions)});
@@ -61,6 +63,7 @@ export class Calendar extends React.Component<CalendarProps, CalendarState> {
         const promotionsOfSingleRelease = await this.apiService.getSinglePromotions(
           this.props.singleRelease,
         );
+        this.gotoDate(promotionsOfSingleRelease[0].date);
         this.setState((prevState: CalendarState) => ({
           singleEvents: getSingleReleaseEvents(
             promotionsOfSingleRelease,
@@ -73,6 +76,11 @@ export class Calendar extends React.Component<CalendarProps, CalendarState> {
     }
   }
 
+  gotoDate(date: Date): void {
+    const calendarApi = this.calendarReference.current.getApi();
+    calendarApi.gotoDate(date);
+  }
+
   render(): JSX.Element {
     let displayEvents: ReleaseEventInput[] = [];
     if (this.props.singleRelease) {
@@ -89,10 +97,11 @@ export class Calendar extends React.Component<CalendarProps, CalendarState> {
       <FullCalendar
         defaultView='dayGridMonth'
         header={{
-          left: 'prev,next',
+          left: 'prev,next today',
           center: 'title',
           right: 'dayGridMonth,timeGridWeek,listWeek',
         }}
+        ref={this.calendarReference}
         plugins={[dayGridPlugin, timeGridPlugin]}
         eventSources={[{events: displayEvents, textColor: 'white'}]}
         contentHeight={CALENDAR_CONTENT_HEIGHT}

release-calendar/src/client/components/ChannelTable.tsx

@@ -57,6 +57,7 @@ export class ChannelTable extends React.Component<
     };
     this.apiService = new ApiService();
     this.handleChannelClick = this.handleChannelClick.bind(this);
+    this.handleReleaseClick = this.handleReleaseClick.bind(this);
   }
 
   async componentDidMount(): Promise<void> {

release-calendar/src/client/stylesheets/calendar.scss

@@ -33,6 +33,10 @@
   @include off;
 }
 
+.fc-button-primary:disabled {
+  @include off;
+}
+
 .fc-unthemed td.fc-today {
   background-color: base.$amp-yellow;
 }