import EuiBasePage from '../eui-base.po.js'
import CoEuiDateRangeSelector from '../../../../components/10x/eui/eui-date-range-selector.js'
import MatDatepickerContent from '../../../../components/material/mat-datepicker-content.js'
import CdkOverlayContainer from '../../../../components/cdk-overlay-container.js'

export default class EuiDateRangeSelectorPage extends EuiBasePage {
  constructor() {
      super();
  }
  dateRangeFromSectionWithIdByIndex(id, index) {
    let dateRange = new CoEuiDateRangeSelector(this.sectionById(id));
    return dateRange.byIndex(index);
  }
  get dateRangeCo() {
    return new CoEuiDateRangeSelector(this.mainContent);
  }
  get overlayContainerCo() {
    return new CdkOverlayContainer(this.root);
  }
  get datePickerCo() {
      return new MatDatepickerContent(this.overlayContainerCo.overlayPane);
  } 
}


