remove loads of styles in favor of inline styles

This commit is contained in:
Thomas Ruoff
2021-11-10 23:45:17 +01:00
parent 6d64e346af
commit 26e4679827
12 changed files with 39 additions and 89 deletions

View File

@@ -1,6 +1,7 @@
import React, { useContext } from 'react'
import { BookContext } from '../../context/book'
import InputWrapper from '../inputWrapper'
import Input from '../input'
import Calendar from '../calendar'
export default function DateSelect() {
@@ -18,29 +19,26 @@ export default function DateSelect() {
onChange={onChange}
className="my-6 max-w-lg"
/>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div className="">
<label className="flabel inline-block mr-3" htmlFor="startDate">
Von
</label>
<input
required
</InputWrapper>
<div className="flex flex-wrap -mx-3 mb-2">
<div className="w-full md:w-1/3 px-3 mb-2 md:mb-0">
<Input
label="Von"
type="date"
className="input-text"
className=""
name="startDate"
value={startDate || ''}
onChange={onChangeEvent}
min={today}
required
/>
</div>
<div className="">
<label className="flabel inline-block mr-3" htmlFor="endDate">
Bis
</label>
<input
<div className="w-full md:w-1/3 px-3 mb-2 md:mb-0">
<Input
required
label="Bis"
type="date"
className="input-text"
className=""
name="endDate"
value={endDate || ''}
placeholder="Von"
@@ -49,7 +47,6 @@ export default function DateSelect() {
/>
</div>
</div>
</InputWrapper>
</>
)
}