I want to add my own div which has a react select in full calendar headertoolbar left.
<FullCalendar
plugins={[ dayGridPlugin ]}
initialView="dayGridMonth"
weekends={false}
events={[
{ title: 'event 1', date: '2019-04-01' },
]}
headerToolbar={{
left: '',
center: 'prev,title,next',
right: ''
}}
/>
This is the sample Full calendar, In headertool left I need to add my own div for example
<div className='option-select'>
<label >
Pick a fruit:
<select name="selectedFruit">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
</select>
</label>
</div>
Here in headertool left I need to add this div in it.
Is it possible to do it?