import Component from '../../component.js'
import CoUxDatepicker from './ux-datepicker.js'
import CoUxAlabel from './ux-a-label.js'

export default class CoUxDateRangeSelector extends Component {
  constructor(parent) {
    let selector = 'ux-date-range-selector';
    super(parent, selector);
    //https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui/browse/packages/components/src/lib/ux-components/ux-date-range-selector/ux-date-range-selector.component.html?at=support/10.x
  }
  get dataE2E() {
    return this.currentPath + '//div[@data-e2e = "ux-date-range-selector"]';
  }
  get firstPickerDiv() {
    return this.currentPath + '//div[contains(@class, "ux-date-range-selector__first-picker")]';
  }
  get firstPickerCo() {
    return new CoUxDatepicker(this.firstPickerDiv);
  }
  get secondPickerDiv() {
    return this.currentPath + '//div[contains(@class, "ux-date-range-selector__second-picker")]';
  }
  get secondPickerCo() {
    return new CoUxDatepicker(this.secondPickerDiv);
  }
  get firstLabelCo() {
    return new CoUxAlabel(this.firstPickerDiv);
  }
  get secondLabelCo() {
    return new CoUxAlabel(this.secondPickerDiv);
  }
}


