title: Hour display hourSegments angular-calendar
body: <p>In my calendar I need to display the time of day and week as follows: 09:00, 09:15, 09:20.</p>
  
  <p>I upgraded the package to the latest </p>
  
  <pre><code>angular-calendar version
  0.26.1
  </code></pre>
  
  <p>and now the code below is giving error and I can no longer display the time as before.</p>
  
  <p><strong>module.ts:</strong></p>
  
  <pre><code>class CustomDateFormatter extends CalendarNativeDateFormatter {
      public dayViewHour({ date, locale }: DateFormatterParams): string {
          return new Intl.DateTimeFormat('ca', {
              hour: 'numeric',
              minute: 'numeric'
          }).format(date);
      }
  }
      // It does not work any more this way and error occurs ...
      CalendarModule.forRoot({
          dateFormatter: {
              provide: CalendarDateFormatter,
              useClass: CustomDateFormatter
          }
      }),
  </code></pre>
  
  <p><strong>component.scss:</strong></p>
  
  <pre><code>.cal-day-view .cal-hour-segment.cal-after-hour-start .cal-time {
      display: block;
    }
  </code></pre>
  
  <p>I looked in the documentation I searched elsewhere but could not find what I need ...</p>