Написання скрипту js/jquery datepicker

Вибір дати стосується сайту: parkingi.pl

Мені дуже важливо, щоб поточна логіка вибору дати була правильною. Поле 1 та поле 2 повинні враховувати внесені зміни та показувати діапазон вибраних днів

1. Обсяг завдання:

   1. Створення вибору дати для сайту www.parkingi.pl 

   2. Вигляд вибору дати для мобільних і десктопних версій повинен бути різним (я описав це нижче)
      
      

2. Вказівки

   1. Вибір дати для мобільних

      1. Обробка двох полів вводу:

         1. дата прибуття на парковку,

         2. дата виїзду з парковки

      2. Вибір дати, що висувається знизу, як на booking.com або parkos.com

      3. Календар у виборі дати повинен бути розташований місяцями один під одним, як на вказаних вище сайтах

      4. Можливість закриття шару кнопкою X
         
         

   2. Вибір дати для десктопу

      1. Вигляд подібний до поточного, з тією різницею, що логіка роботи така, як описано в пункті 3

      2. Окремі поля для вибору дати при кожному полі (Поле 1 і Поле 2)
         
         

3. Логіка роботи поля 1 (дата початкова), та поля 2 (дата кінцева)

   1. Можливість вибору діапазону дат з позначенням початкової та кінцевої дати

   2. Подія після натискання на поле вводу:

      1. Поле 1: при виборі початкової дати кнопка “готово” (як на мобільному booking.com) повинна бути неактивною до вибору кінцевої дати.
         
         Якщо хтось вже вибрав кінцеву дату, а початкова дата більша, кінцева дата повинна скидатись. Поле 1 повинно обробляти вибір діапазону (початкова та кінцева дати)
         
         

      2. Поле 2: поле обробляє лише кінцеву дату (якщо початкова вже вибрана).
         
         Якщо початкова дата в полі 1 не була вибрана, вибираємо діапазон  (початкову та кінцеву дати).
         
         Якщо кінцева дата менша за початкову (з поля 1), тоді вибираємо діапазон (початкову та кінцеву дати)

   3. 
      

4. Умови прийняття

   1. Виконання завдання відповідно до вказівок

Datepicker dotyczy strony: parkingi.pl

Bardzo zależy mi na poprawnie obecnej logiki wybierania daty. Input 1 oraz input 2 muszą uwzględniać zmiany w nich wprowadzane oraz pokazywać zakres wybranych dni

1. Zakres zlecenia:

   1. Utworzenie datepicker dla strony www.parkingi.pl 

   2. Wygląd datepicker dla mobile i desktop powinien być inny (opisałem to poniżej)
      
      

2. Wytyczne

   1. Datepicker dla mobile

      1. Obsługa dwóch pól input:

         1. data przyjazdu na parking,

         2. data wyjazdu z parkingu

      2. Datepicker wysuwany z dołu tak jak to ma miejsce na booking.com lub parkos.com

      3. Kalendarz w datepicker powinien być ułożony miesiącami jeden pod drugim tak jak na stronach podanych powyżej

      4. Możliwość zamknięcia layer przyciskiem X
         
         

   2. Datepicker dla desktop

      1. Wygląd podobny do obecnego z tą różnicą, że logika działania taka jak opisana w punkcie 3

      2. Osobne pola do wybierania daty przy każdym polu (Input 1 i Input 2)
         
         

3. Logika działania input 1 (data początkowa), oraz input 2 (data końcowa)

   1. Możliwość wybrania zakresu dat z zaznaczeniem daty początkowej i końcowej

   2. Zdarzenie po kliknięcie input:

      1. Input 1: przy wyborze daty początkowej przycisk “gotowe” (tak jak na mobile booking.com) musi być nieaktywny do czasu wyboru daty końcowej.
         
         Jeżeli ktoś już wybrał datę końcową, a data początkowa jest większa, data końcowa musi się zerować. Input 1 powinien obsługiwać wybranie zakresu (data początkowa i końcowa)
         
         

      2. Input 2: input obsługuje tylko datę końcową (jeżeli początkowa została już wybrana).
         
         Jeżeli data początkowa w input 1 nie została wybrana wybieramy zakres  (datę początkową i końcową).
         
         Jeśli data końcowa jest mniejsza od daty początkowej (z input 1), wtedy wybieramy zakres (datę początkową i końcową)

   3. 
      

4. Warunki akceptacji

   1. Wykonanie zlecenia według wytycznych