IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

days body component was created

Browse Source
This commit is contained in:
Vladimir Khvan 2023-01-30 21:01:39 +05:00
parent a15b155d13
commit b0c9fc8eb0
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/components/calendar/sub-components/DaysBody.js Normal file
View File

@ -0,0 +1,21 @@
import { DateItem, DaysContainer, SecondaryDateItem, Weekday } from "../styled-components";
export const DaysBody = () => {
const weekdays = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
const weekdaysElements = weekdays.map((day) => <Weekday>{day}</Weekday>);
const days = [26, 27, 28, 29, 30, 31, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 1, 2, 3, 4, 5];
const firstDay = days.indexOf(1);
const lastDay = days.indexOf(1, firstDay+1);
const daysElements = days.map(day => <SecondaryDateItem>{day}</SecondaryDateItem>);
for(let i = firstDay; i < lastDay; i++){
daysElements[i] = <DateItem>{days[i]}</DateItem>;
}
console.log('firstDay ', firstDay, ' lastDay ', lastDay);
return <DaysContainer>{weekdaysElements} {daysElements}</DaysContainer>;
};