label tender calendar controls
This commit is contained in:
@@ -45,13 +45,13 @@ export const TenderCalendar = () => {
|
||||
</div>
|
||||
|
||||
<label className="block text-sm font-semibold">Takvim ayı
|
||||
<input type="month" value={month} onInput={e=>chooseMonth(e.currentTarget.value)} onChange={e=>chooseMonth(e.target.value)}
|
||||
<input type="month" aria-label="Takvim ayı seç" value={month} onInput={e=>chooseMonth(e.currentTarget.value)} onChange={e=>chooseMonth(e.target.value)}
|
||||
className="ml-3 border border-slate-300 rounded-lg p-2"/>
|
||||
</label>
|
||||
<div className="flex flex-wrap gap-2" aria-label="Takvim ayı gezinme">
|
||||
<button type="button" className="border rounded px-3 py-2 text-sm" disabled={!shiftCalendarMonth(month,-1)} onClick={()=>chooseMonth(shiftCalendarMonth(month,-1))}>Önceki ay</button>
|
||||
<button type="button" className="border rounded px-3 py-2 text-sm" onClick={()=>{setMonth(today.slice(0,7));setSelectedDay(today);}}>Bugüne dön</button>
|
||||
<button type="button" className="border rounded px-3 py-2 text-sm" disabled={!shiftCalendarMonth(month,1)} onClick={()=>chooseMonth(shiftCalendarMonth(month,1))}>Sonraki ay</button>
|
||||
<button type="button" aria-label="Önceki takvim ayı" className="border rounded px-3 py-2 text-sm" disabled={!shiftCalendarMonth(month,-1)} onClick={()=>chooseMonth(shiftCalendarMonth(month,-1))}>Önceki ay</button>
|
||||
<button type="button" aria-label="Bugünün takvim ayına dön" className="border rounded px-3 py-2 text-sm" onClick={()=>{setMonth(today.slice(0,7));setSelectedDay(today);}}>Bugüne dön</button>
|
||||
<button type="button" aria-label="Sonraki takvim ayı" className="border rounded px-3 py-2 text-sm" disabled={!shiftCalendarMonth(month,1)} onClick={()=>chooseMonth(shiftCalendarMonth(month,1))}>Sonraki ay</button>
|
||||
</div>
|
||||
{/* Day Selector Buttons */}
|
||||
<div className="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-7 gap-2">
|
||||
|
||||
Reference in New Issue
Block a user