TimeRangeSelector CustomTimeRangeSection.tsx

0% Statements 0/6

100% Branches 0/0

0% Functions 0/1

0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import Picker, { PickerType } from "./Picker.tsx";
import CustomButton from "../CustomButton/index.tsx";
import { useDropdownContext } from "../../../contexts/DropdownContext.tsx";
 
function CustomTimeRangeSection() {
  const { toggle } = useDropdownContext();
 
  return (
    <div className="p-2 w-full">
      <p className="font-medium text-sm">Absolute Time Range</p>
      <div className="flex flex-col gap-3 my-3">
        <Picker label={"From"} type={PickerType.FROM} />
        <Picker label={"To"} type={PickerType.TO} />
      </div>
      <CustomButton onClick={toggle}>Apply Time Range</CustomButton>
    </div>
  );
}
 
export default CustomTimeRangeSection;