label tender calendar controls

This commit is contained in:
2026-09-06 17:01:11 +03:00
parent 1a80500839
commit 8756634772
+4 -4
View File
@@ -45,13 +45,13 @@ export const TenderCalendar = () => {
</div> </div>
<label className="block text-sm font-semibold">Takvim ayı <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"/> className="ml-3 border border-slate-300 rounded-lg p-2"/>
</label> </label>
<div className="flex flex-wrap gap-2" aria-label="Takvim ayı gezinme"> <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" 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" 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="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" 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="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> </div>
{/* Day Selector Buttons */} {/* Day Selector Buttons */}
<div className="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-7 gap-2"> <div className="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-7 gap-2">