Styles the time range buttons

main
Yasen Pramatarov 2024-10-10 12:42:32 +03:00
parent c04fcb7d42
commit 71c636f297
1 changed files with 13 additions and 9 deletions

View File

@ -1,15 +1,19 @@
<div> <div class="row">
<button onclick="setTimeRange('today')">today</button> <div class="card w-auto bg-light border-light card-body filter-results">
<button onclick="setTimeRange('last2days')">last 2 days</button> <div class="btn-group" role="group">
<button onclick="setTimeRange('last7days')">last 7 days</button> <input type="button" style="margin-right: 3px;" onclick="setTimeRange('today')" value="today" />
<button onclick="setTimeRange('thisMonth')">month</button> <input type="button" style="margin-right: 3px;" onclick="setTimeRange('last2days')" value="last 2 days" />
<button onclick="setTimeRange('thisYear')">year</button> <input type="button" style="margin-right: 3px;" onclick="setTimeRange('last7days')" value="last 7 days" />
<input type="button" style="margin-right: 3px;" onclick="setTimeRange('thisMonth')" value="month" />
<input type="button" style="margin-right: 18px;" onclick="setTimeRange('thisYear')" value="year" />
<input type="date" id="start-date"> <input type="date" style="margin-right: 3px;" id="start-date">
<input type="date" id="end-date"> <input type="date" style="margin-right: 3px;" id="end-date">
<button onclick="setCustomTimeRange()">custom range</button> <input type="button" onclick="setCustomTimeRange()" value="custom range" />
</div>
</div>
</div> </div>
<script> <script>