https://avialta.ai/assets/SliderPage-CKq4xxKK.js

1import{r as t,j as e}from"./index-BBmhd2fr.js";import{C as l,a as i}from"./custom-slider-oh8DeDnI.js";function N(){const[d,x]=t.useState([20,80]),[c,o]=t.useState([0,60]),[h,m]=t.useState([30,100]),a=new Date(Date.UTC(2020,0,1)),n=new Date(Date.UTC(2026,11,1)),[r,u]=t.useState([new Date(Date.UTC(2022,0,1)),new Date(Date.UTC(2025,11,1))]),[g,j]=t.useState([a,new Date(Date.UTC(2024,5,1))]),[f,p]=t.useState([new Date(Date.UTC(2023,0,1)),n]);return e.jsxs("div",{className:"min-h-screen bg-background text-foreground p-8 max-w-2xl mx-auto space-y-12",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold mb-2",children:"Custom Slider Playground"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Drag handles or type values. Typing a value that crosses the other handle pushes it."})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Range 0–100 (step 1)"}),e.jsx(l,{min:0,max:100,step:1,value:d,onValueChange:x,showInputs:!0})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-bold mb-1",children:"Fixed Handle Variants"}),e.jsx("p",{className:"text-muted-foreground text-sm mb-6",children:"One handle is locked — only the other can be dragged."})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Left Handle Fixed at 0"}),e.jsx(l,{min:0,max:100,step:1,value:c,onValueChange:([,s])=>o([0,s]),fixedThumb:0,showInputs:!0})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Right Handle Fixed at 100"}),e.jsx(l,{min:0,max:100,step:1,value:h,onValueChange:([s])=>m([s,100]),fixedThumb:1,showInputs:!0})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Date Range (MM/YY) — Jan 2020 to Dec 2026"}),e.jsx(i,{minDate:a,maxDate:n,value:r,onValueChange:u})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Date — Left Fixed at Jan 2020"}),e.jsx(i,{minDate:a,maxDate:n,value:g,onValueChange:([,s])=>j([a,s]),fixedThumb:0})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Date — Right Fixed at Dec 2026"}),e.jsx(i,{minDate:a,maxDate:n,value:f,onValueChange:([s])=>p([s,n]),fixedThumb:1})]}),e.jsxs("section",{className:"space-y-3",children:[e.jsx("h2",{className:"text-lg font-semibold",children:"Disabled"}),e.jsx(l,{min:0,max:100,value:[30,70],onValueChange:()=>{},disabled:!0,showInputs:!0})]})]})}export{N as default};