Елизово

Россия

Нужно сделать выпадающий календарь на React, как на фото номер 3 с небольшими стилистическими изменениям, в виде смены цвета некоторых областей.

[b]Шапка (под шапкой подразумеваю 2 инпута и значек календаря):[/b]
1) Нужна только дата (время не нужно).
2) Рядом сделай кнопку с возможностью смены язака (ru/en).
3) Cам календарь открывается при нажатии на синий значек каленаря.
4) В инпуты можно с клавиатуры вводить дату и она должна автоматически синхронизироваться с календарем.

[b]Календарь[/b]
1) Рендж дат должен выдилятся как на фото номер 2. Цвет у 5 числа и 21 числа - #722ED1, у выделенной внутри области #738094.
2) Для хранения даты используй useState с таким форматом данных - 
[Date, Date].

[b]Правый блок с единицами времени (сегодня, завтра и тд.)
[/b]1) Единицами времени, которые нужно добавить:
   &#65279;1) Сегодня.
   &#65279;2) Завтра.
   &#65279;3) Последняя неделя.
   &#65279;4) Последний месяц.
   &#65279;5) Последний год.
   &#65279;6) Неделя.
   &#65279;7) Месяц.
   &#65279;8) Год.
в 6, 7, 8 пункте имеется ввиду текущий например: сегодня 6 августа, значит месяц август.
2) Должна быть возможность менять дату с еще одной группы кнопок фото 1. При нажатии календарь должен синхронизироваться. Этот блок писать не надо, просто должна быть возможность менять дату из вне.

Пишите сумму и срок работы. Можем созвониться, если что-то из тз не понятно)

Calendar/date picker на React.

Положительные

[b]Доброго времени суток! Меня зовут Трофим, я frontend разработчик.
 [/b]
Навыки верстки[list][*]HTML5[*]CSS3[*]SCSS (SASS)[*]Bootstrap,  MaterialUi,  AntDesign[*]Адаптивная верстка сайтов[/list]
Навыки фронтенда[list][*]React.js[*]JavaScript (ES6 + Babel)[*]TypeScript[*]JQuery[/list][b]
[/b]GitHub: [u][url=https://github.com/markelovtrofim]https://github.com/markelovtrofim[/url][/u]
Telegram: [u][url=https://t.me/markelovtrofim]https://t.me/markelovtrofim[/url][/u]

[b]Буду рад плодотворному сотрудничеству![/b]

[url=https://www.figma.com/file/IPe9q0fbw81rTA4s9ai1KF8m/Templates-%236.-More-on-Figma.info?node-id=0%3A1]https://www.figma.com/file/IPe9q0fbw81rTA4s9ai1KF8m/Templates-%236.-More-on-Figma.info?node-id=0%3A1[/url]
Задача:
1. Сделать верстку с компонентами React
2. Не использовать Jquery, использовать чистый JS.
Срок исполнения 1-2 дня.

Сделать верстку с компонентами React

JavaScript

jQuery

Node.js

Нужно сделать выпадающий календарь на React, как на фото номер 3 с небольшими стилистическими изменениям, в виде смены цвета некоторых областей.

Шапка (под шапкой подразумеваю 2 инпута и значек календаря):
1) Нужна только дата (время не нужно).
2) Рядом сделай кнопку с возможностью смены язака (ru/en).
3) Cам календарь открывается при нажатии на синий значек каленаря.
4) В инпуты можно с клавиатуры вводить дату и она должна автоматически синхронизироваться с календарем.

Календарь
1) Рендж дат должен выдилятся как на фото номер 2. Цвет у 5 числа и 21 числа - #722ED1, у выделенной внутри области #738094.
2) Для хранения даты используй useState с таким форматом данных - 
[Date, Date].

Правый блок с единицами времени (сегодня, завтра и тд.)
1) Единицами времени, которые нужно добавить:
 ﻿1) Сегодня.
 ﻿2) Завтра.
 ﻿3) Последняя неделя.
 ﻿4) Последний месяц.
 ﻿5) Последний год.
 ﻿6) Неделя.
 ﻿7) Месяц.
 ﻿8) Год.
в 6, 7, 8 пункте имеется ввиду текущий например: сегодня 6 августа, значит месяц август.
2) Должна быть возможность менять дату с еще одной группы кнопок фото 1. При нажатии календарь должен синхронизироваться. Этот блок писать не надо, просто должна быть возможность менять дату из вне.

Пишите сумму и срок работы. Можем созвониться, если что-то из тз не понятно)

Трофим markelovtrofim

Отзывы заказчиков