kesarion / angular2-air-datepicker Goto Github PK

Hello! Can you add new language (russian). I need to add the follow code to language library:
['ru', new AirLanguage(
['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'],
['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь']
)] as [string, AirLanguage],
?

@kesarion when date comes from server and it set from component it set day before correct day
template:

   <div class="form-element position-relative">
            <label for="dateOfBirth">Дата рождения</label>
            <input type="text" id="dateOfBirth" class="birthday" name="DateOfBirth" readonly placeholder="ДД.ММ.ГГГГ"
              formControlName="dateOfBirth" (focus)="datePickerIsActive = true" (blur)="datePickerIsActive = false">

            <air-datepicker class="air-datepicker" [airOptions]="datePickerOption" [(airDate)]="datePickerDate"
              (airChange)="dateChanged($event)" [ngClass]="{'air-datepicker-active': datePickerIsActive}" tabindex="100"
              (focus)="datePickerIsActive = true" (blur)="datePickerIsActive = false">
            </air-datepicker>

  </div>

Component:

  datePickerOption: object;
  datePickerDate: Date;

ngOnInit(): void {
    const { day, month, year } = { day: 31, month: 8, year: 2020 };
    this.setOptiontsToDatePicker();
    this.datePickerDate = new Date(year, month - 1, day);
}

 private setOptiontsToDatePicker() {
    const minusFiftyYears = (date: Date): Date => new Date(date.getFullYear() - 50, date.getMonth(), date.getDate());
    const now = new Date(Date.now());
    const fiftyYearsBefore = minusFiftyYears(now);
    const hundredYearsBefore = minusFiftyYears(fiftyYearsBefore);

    this.datePickerOption = {
      language: 'ru',
      enabledDateRanges: [
        { start: fiftyYearsBefore, end: now },
        { start: hundredYearsBefore, end: fiftyYearsBefore }
      ]
    };
  }

An issue to track the month/year picker feature.

Hello, @kesarion. I have found an issue in your package. If i select the day of month, for example it will be 31 January, and click the 'next month' button ' it shows me an error: "./AirDatepicker class AirDatepicker - inline template:11:12 caused by: Cannot set property 'selected' of undefined". The reason why this is happening: Your package try to mark 'selected' day which is not exist in the next month. February doesn't contain 31 days. You should fix it by adding a condition.

@kesarion I hope this issue can be easily resolved. The issue is when I bind AirDate with any date that is not in current month and opening the calendar doesn't display that particular date pre-selected which it does if the selected date is in current month. However if I navigate to that calendar month, I can see that showing selected.

Currently, the picker is already visible on the page. Is there a config that makes this behave like a dropdown?

How to reproduce:

1. initialize option with following data: this.options = {
   timepicker: false,
   enabledDateRanges: [
   { start: new Date(now - 3 * days), end: new Date(now -2 * days) }
   ]
   };
2. bind on date changed action
   (airChange)="dateChanged($event)
3. click on enabled date in calendar
4. nothing happen, dateChanged is not called

Hi, I need to set "minDate = new Date()" but, is it implemented? I don't find how to set it.

Dates are displaying wrong in the calendar after the recent commits and in the version 1.1.2. And I rolled back to version 1.0.0, now the calendar at least shows correct dates.

See below, correct days for Aug month displayed by system calendar.

Please see below. I attempted to go to previous year when the calendar is in months view. But the next, previous options won't work.

if [(airDate)]="date" is missing as a attribute you get the following error message

Cannot read property 'getFullYear' of undefined
Maybe add a simpler error message

An issue to track the range selection feature.

Why does the datepicker add 3 hours? And how to make sure not to add?

Hello, I populate enabledDateRanges and draw a calendar. Then I remove some date from enabledDateRanges and want to redraw the calendar. How can I achieve that?

Dear Kesarion,

I tried sending a pull request, but I could not.

I made a change in your code so that when we select the month or year the event (airChange) is triggered.

Tks

angular2-air-datepicker.component.txt