import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';

export const appConfig: ApplicationConfig = {
  providers: [provideAnimationsAsync()],
};

import { DateRange, DateRangePickerComponent } from 'ng-date-hour-range-selector';
import { FormControl, ReactiveFormsModule } from '@angular/forms';

@Component({
  imports: [ReactiveFormsModule, DateRangePickerComponent],
  template: `
    <drs-date-range-picker
      [formControl]="rangeControl"
      (rangeChange)="onRangeChange($event)"
      ariaLabel="Select date range"
    />
  `,
})
export class MyComponent {
  readonly rangeControl = new FormControl<DateRange | null>(null);

  onRangeChange(range: DateRange | null): void {
    console.log(range?.start, range?.end);
  }
}

import { DateRangePickerDirective } from 'ng-date-hour-range-selector';
import { FormControl, ReactiveFormsModule } from '@angular/forms';

@Component({
  imports: [ReactiveFormsModule, DateRangePickerDirective],
  template: `
    <input
      drsDateRangePicker
      [formControl]="rangeControl"
      (rangeChange)="onRangeChange($event)"
      ariaLabel="Select date range"
    />
  `,
})
export class MyComponent {
  readonly rangeControl = new FormControl<DateRange | null>(null);

  onRangeChange(range: DateRange | null): void {
    console.log(range?.start, range?.end);
  }
}

interface DateRange {
  start: Date;
  end: Date;
}

interface PredefinedRange {
  /** Label shown in the sidebar */
  label: string;
  /** Factory function — called on each click to produce a fresh range */
  range: () => DateRange;
}

import { PICKER_CONFIG } from 'ng-date-hour-range-selector';

// app.config.ts
providers: [
  {
    provide: PICKER_CONFIG,
    useValue: { showTime: false, timeFormat: '12h', weekStartsOn: 0 },
  },
];

import { PICKER_LOCALE, PickerLocale } from 'ng-date-hour-range-selector';

const ptBrLocale: PickerLocale = {
  daysOfWeek: ['Do', 'Se', 'Te', 'Qu', 'Qi', 'Se', 'Sa'],
  monthNames: [
    'Janeiro',
    'Fevereiro',
    'Março',
    'Abril',
    'Maio',
    'Junho',
    'Julho',
    'Agosto',
    'Setembro',
    'Outubro',
    'Novembro',
    'Dezembro',
  ],
  am: 'AM',
  pm: 'PM',
  startTime: 'Início:',
  endTime: 'Fim:',
  reset: 'Limpar',
  apply: 'Aplicar',
  placeholder: 'Selecione um período',
  formatRange: (start, end) =>
    `${start.toLocaleDateString('pt-BR')} – ${end.toLocaleDateString('pt-BR')}`,
  formatRangeWithTime: (start, end) => {
    const fmt = (d: Date) =>
      `${d.toLocaleDateString('pt-BR')} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
    return `${fmt(start)} – ${fmt(end)}`;
  },
};

providers: [{ provide: PICKER_LOCALE, useValue: ptBrLocale }];

import { PredefinedRange } from 'ng-date-hour-range-selector';

const customRanges: PredefinedRange[] = [
  {
    label: 'Last 7 days',
    range: () => {
      const end = new Date();
      const start = new Date();
      start.setDate(start.getDate() - 6);
      start.setHours(0, 0, 0, 0);
      end.setHours(23, 59, 59, 0);
      return { start, end };
    },
  },
  {
    label: 'Last 30 days',
    range: () => {
      const end = new Date();
      const start = new Date();
      start.setDate(start.getDate() - 29);
      start.setHours(0, 0, 0, 0);
      end.setHours(23, 59, 59, 0);
      return { start, end };
    },
  },
];

readonly initialRange: PredefinedRange = {
  label: 'Last 7 days',
  range: () => {
    const end = new Date();
    const start = new Date();
    start.setDate(start.getDate() - 6);
    return { start, end };
  },
};

private picker = viewChild(DateRangePickerComponent);

next(): void { this.picker()?.nextRange(); }
prev(): void { this.picker()?.previousRange(); }

// Components & Directive
export { DateRangePickerComponent } from 'ng-date-hour-range-selector';
export { DateRangePickerDirective } from 'ng-date-hour-range-selector';
export { DateRangePickerPanelComponent } from 'ng-date-hour-range-selector';
export { CalendarComponent } from 'ng-date-hour-range-selector';
export { TimePickerComponent } from 'ng-date-hour-range-selector';
export { PredefinedRangesComponent } from 'ng-date-hour-range-selector';

// Models
export type { DateRange, PredefinedRange } from 'ng-date-hour-range-selector';
export type { PickerConfig } from 'ng-date-hour-range-selector';
export type { PickerLocale } from 'ng-date-hour-range-selector';
export type { TimeValue } from 'ng-date-hour-range-selector';
export type { CalendarCell } from 'ng-date-hour-range-selector';
export type { ResolvedPickerConfig } from 'ng-date-hour-range-selector';

// Tokens & defaults
export { PICKER_CONFIG, DEFAULT_PICKER_CONFIG } from 'ng-date-hour-range-selector';
export { PICKER_LOCALE, DEFAULT_PICKER_LOCALE } from 'ng-date-hour-range-selector';

// Service
export { DateUtilsService } from 'ng-date-hour-range-selector';