
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import React from "react";
function Search() {
return (
<div className="search-page">
<div className="search-zone">
<div className="input-group mb10">
<label htmlFor="" className="item-title mb5">
거래처
</label>
<input
type="text"
name=""
id=""
list="account"
className="full-input"
/>
<datalist id="account">
<option value="거래처1"></option>
<option value="거래처2"></option>
<option value="거래처3"></option>
<option value="거래처4"></option>
</datalist>
</div>
<div className="input-group mb10">
<label htmlFor="" className="item-title mb5">
기간
</label>
<div className="flex justify-between align-center">
<input type="date" name="" id="" list="account" className="col-5" />
<span className="col-2 text-ct">~</span>
<input type="date" name="" id="" list="account" className="col-5" />
</div>
</div>
<div className="input-group mb10">
<label htmlFor="" className="item-title mb5">
태그
</label>
<input type="text" name="" id="" className="full-input" />
</div>
<div className="input-group mb10">
<label htmlFor="" className="item-title mb5">
내용
</label>
<input type="text" name="" id="" className="full-input" />
</div>
<div className="btn-wrap flex justify-end">
<button className="blue-btn small-btn">조회</button>
</div>
</div>
</div>
);
}
export default Search;