react-multi-date-picker icon indicating copy to clipboard operation
react-multi-date-picker copied to clipboard

custom holidays

Open srt207-reza opened this issue 9 months ago • 0 comments

با سلام و احترام من دارم یه سرویس فراخوانی میکنم که بهم تعطیلات یک بازه 2 الی 3 ماه رو برام برمیگردونه و من میخواهم روز هایی که تطعیله توی تقویمم رنگ قرمز بگیره و همانند مثال زیر دارم از mapdays استفاده میکنم اما مشکلی که وجود داره اینکه من میخوام فقط روز های تعطیل همان ماه قرمز شود با این حال روز های ماه های آتی هم قرمز میشود.

`mapDays={({ date, today, selectedDate, isSameDate }: any) => { let isWeekend = date.weekDay.index === 6 let isHoliday = holidays.includes(date.day)

          let config: any = {
            style: {
              color: isWeekend || isHoliday ? '#cc0303' : '',
              height: '38px',
              width: '38px'
            }
          }

          if (isSameDate(date, selectedDate[0]) || isSameDate(date, selectedDate[1])) {
            config.style = {
              ...config.style,
              color: '#fff',
            }
          }

          if (isSameDate(date, today)) config.style.color = 'green'

          return config
        }}`

srt207-reza avatar Feb 08 '25 12:02 srt207-reza