shadcn_phlexcomponents 0.1.0 → 0.1.2

data/lib/components/toast.rb

@@ -5,7 +5,7 @@ module ShadcnPhlexcomponents
     STYLES = <<~HEREDOC
       group pointer-events-auto relative flex w-full items-center justify-between
       space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all
-      data-[state=open]:animate-in data-[state=closed]:animate-out 
+      data-[state=open]:animate-in data-[state=closed]:animate-out#{" "}
       data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full
       data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full
     HEREDOC
@@ -29,11 +29,11 @@ module ShadcnPhlexcomponents
     end
 
     def title(**attributes, &)
-      ToastTitle(data: { title: ""}, **attributes, &)
+      ToastTitle(data: { title: "" }, **attributes, &)
     end
 
     def description(**attributes, &)
-      ToastDescription(data: { description: ""},**attributes, &)
+      ToastDescription(data: { description: "" }, **attributes, &)
     end
 
     def content(**attributes, &)
@@ -52,7 +52,7 @@ module ShadcnPhlexcomponents
         html_options ||= {}
         html_options[:variant] = @variant
       end
-      
+
       ToastActionTo(name, options, html_options, &block)
     end
 
@@ -72,29 +72,30 @@ module ShadcnPhlexcomponents
           duration: @duration,
           state: "open",
           controller: "shadcn-phlexcomponents--toast",
-          action: <<~HEREDOC
+          action: <<~HEREDOC,
             focus->shadcn-phlexcomponents--toast#cancelDismiss
             blur->shadcn-phlexcomponents--toast#dismiss
             mouseover->shadcn-phlexcomponents--toast#cancelDismiss
             mouseout->shadcn-phlexcomponents--toast#dismiss
             keydown.esc->shadcn-phlexcomponents--toast#close
           HEREDOC
-        }
-      }  
+        },
+      }
     end
 
     def view_template(&)
       li(**@attributes) do
         yield
-        button(type: "button", 
-              class: CLOSE_BUTTON_STYLES, 
-              data: { 
-                action: "shadcn-phlexcomponents--toast#close",
-              }) do
-          
+        button(
+          type: "button",
+          class: CLOSE_BUTTON_STYLES,
+          data: {
+            action: "shadcn-phlexcomponents--toast#close",
+          },
+        ) do
           icon("x", class: "size-4")
         end
       end
     end
   end
-end
+end

data/lib/components/toast_action.rb

@@ -15,7 +15,7 @@ module ShadcnPhlexcomponents
       @as_child = as_child
       super(**attributes)
     end
-    
+
     def view_template(&)
       if @as_child
         content = capture(&)
@@ -24,10 +24,11 @@ module ShadcnPhlexcomponents
         vanish(&)
 
         element_attributes = nokogiri_attributes_to_hash(element)
+        styles = TAILWIND_MERGER.merge("#{@attributes[:class]} #{element_attributes[:class]}")
         merged_attributes = mix(@attributes, element_attributes)
-        merged_attributes[:class] = TAILWIND_MERGER.merge("#{STYLES} #{element_attributes[:class]}")
+        merged_attributes[:class] = styles
 
-        send(element.name, **merged_attributes) do        
+        send(element.name, **merged_attributes) do
           sanitize_as_child(element.children.to_s)
         end
       else
@@ -35,4 +36,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/toast_action_to.rb

@@ -9,7 +9,10 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      @html_options, @options = @options, @name if block_given?
+      if block_given?
+        @html_options = @options
+        @options = @name
+      end
       @html_options ||= {}
       @variant = @html_options.delete(:variant) || :default
       @html_options = mix(default_attributes, @html_options)
@@ -22,4 +25,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/toast_container.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-module ShadcnPhlexcomponents  
+module ShadcnPhlexcomponents
   class ToastContainer < Base
     STYLES = <<~HEREDOC
       fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4
@@ -12,17 +12,17 @@ module ShadcnPhlexcomponents
         tabindex: -1,
         data: {
           controller: "shadcn-phlexcomponents--toast-container",
-        }
+        },
       }
     end
-    
+
     def view_template(&)
       div(
         role: "region",
         tabindex: -1,
         aria: {
           label: "Notifications",
-        }
+        },
       ) do
         ol(**@attributes) do
           template(data: { variant: "default" }) { toast(:default) }
@@ -41,4 +41,4 @@ module ShadcnPhlexcomponents
       end
     end
   end
-end
+end

data/lib/components/toast_content.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/toast_description.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/toast_title.rb

@@ -8,4 +8,4 @@ module ShadcnPhlexcomponents
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/tooltip.rb

@@ -2,7 +2,7 @@
 
 module ShadcnPhlexcomponents
   class Tooltip < Base
-    STYLES = "inline-block".freeze
+    STYLES = "inline-block"
 
     def initialize(side: :top, aria_id: "tooltip-#{SecureRandom.hex(5)}", **attributes)
       @side = side
@@ -11,24 +11,24 @@ module ShadcnPhlexcomponents
     end
 
     def trigger(**attributes, &)
-      render TooltipTrigger.new(aria_id: @aria_id, **attributes, &)
+      render(TooltipTrigger.new(aria_id: @aria_id, **attributes, &))
     end
 
     def content(**attributes, &)
-      render TooltipContent.new(side: @side, aria_id: @aria_id, **attributes, &)
-    end 
+      render(TooltipContent.new(side: @side, aria_id: @aria_id, **attributes, &))
+    end
 
     def default_attributes
       {
         data: {
           controller: "shadcn-phlexcomponents--tooltip",
-          side: @side
-        }
-      }  
+          side: @side,
+        },
+      }
     end
 
     def view_template(&)
       div(**@attributes, &)
     end
   end
-end
+end

data/lib/components/tooltip_content.rb

@@ -2,10 +2,10 @@
 
 module ShadcnPhlexcomponents
   class TooltipContent < Base
-    STYLES = <<~HEREDOC.freeze
-      z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground
-      animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-      data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2
+    STYLES = <<~HEREDOC
+      overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground
+      animate-in fade-in-0 zoom-in-95
+      data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2
       data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2
     HEREDOC
 
@@ -16,11 +16,11 @@ module ShadcnPhlexcomponents
     end
 
     def view_template(&)
-      div(class: 'hidden fixed top-0 left-0 w-max z-50', data: { "shadcn-phlexcomponents--tooltip-target": "contentWrapper" }) do
+      div(class: "hidden", data: { "shadcn-phlexcomponents--tooltip-target": "content" }) do
         div(**@attributes, &)
 
         span(
-          id: "#{@aria_id}-content", 
+          id: "#{@aria_id}-content",
           role: "tooltip",
           class: "sr-only",
           &
@@ -30,13 +30,10 @@ module ShadcnPhlexcomponents
 
     def default_attributes
       {
-        tabindex: -1,
         data: {
           side: @side,
-          "shadcn-phlexcomponents--tooltip-target": "content",
-          action: "mouseover->shadcn-phlexcomponents--tooltip#clearCloseTimer mouseout->shadcn-phlexcomponents--tooltip#closeWithDelay"
-        }
+        },
       }
     end
   end
-end
+end

data/lib/components/tooltip_trigger.rb

@@ -19,7 +19,11 @@ module ShadcnPhlexcomponents
         merged_attributes = mix(@attributes, element_attributes)
         merged_attributes[:class] = styles
 
-        send(element.name, **merged_attributes) do        
+        if element.name == "button"
+          merged_attributes.delete(:role)
+        end
+
+        send(element.name, **merged_attributes) do
           sanitize_as_child(element.children.to_s)
         end
       else
@@ -32,19 +36,13 @@ module ShadcnPhlexcomponents
         id: @id,
         role: "button",
         aria: {
-          describedby: "#{@aria_id}-content"
+          describedby: "#{@aria_id}-content",
         },
         data: {
           as_child: @as_child.to_s,
-          state: "closed",
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--tooltip#toggle
-            mouseover->shadcn-phlexcomponents--tooltip#openWithDelay
-            mouseout->shadcn-phlexcomponents--tooltip#closeWithDelay
-          HEREDOC
-          "shadcn-phlexcomponents--tooltip-target": "trigger"
-        }
+          "shadcn-phlexcomponents--tooltip-target": "trigger",
+        },
       }
     end
   end
-end
+end

data/lib/shadcn_phlexcomponents/alias.rb

@@ -2,131 +2,42 @@
 
 module ShadcnPhlexcomponents; end
 Accordion = ShadcnPhlexcomponents::Accordion
-AccordionContent = ShadcnPhlexcomponents::AccordionContent
-AccordionItem = ShadcnPhlexcomponents::AccordionItem
-AccordionTrigger = ShadcnPhlexcomponents::AccordionTrigger
 Alert = ShadcnPhlexcomponents::Alert
-AlertTitle = ShadcnPhlexcomponents::AlertTitle
-AlertDescription = ShadcnPhlexcomponents::AlertDescription
 AlertDialog = ShadcnPhlexcomponents::AlertDialog
-AlertDialogActionTo = ShadcnPhlexcomponents::AlertDialogActionTo
-AlertDialogAction = ShadcnPhlexcomponents::AlertDialogAction
-AlertDialogCancel = ShadcnPhlexcomponents::AlertDialogCancel
-AlertDialogContent = ShadcnPhlexcomponents::AlertDialogContent
-AlertDialogDescription = ShadcnPhlexcomponents::AlertDialogDescription
-AlertDialogFooter = ShadcnPhlexcomponents::AlertDialogFooter
-AlertDialogHeader = ShadcnPhlexcomponents::AlertDialogHeader
-AlertDialogTitle = ShadcnPhlexcomponents::AlertDialogTitle
-AlertDialogTrigger = ShadcnPhlexcomponents::AlertDialogTrigger
 AspectRatio = ShadcnPhlexcomponents::AspectRatio
 Avatar = ShadcnPhlexcomponents::Avatar
-AvatarFallback = ShadcnPhlexcomponents::AvatarFallback
-AvatarImage = ShadcnPhlexcomponents::AvatarImage
 Badge = ShadcnPhlexcomponents::Badge
 Breadcrumb = ShadcnPhlexcomponents::Breadcrumb
-BreadcrumbEllipsis = ShadcnPhlexcomponents::BreadcrumbEllipsis
-BreadcrumbItem = ShadcnPhlexcomponents::BreadcrumbItem
-BreadcrumbLink = ShadcnPhlexcomponents::BreadcrumbLink
-BreadcrumbPage = ShadcnPhlexcomponents::BreadcrumbPage
-BreadcrumbSeparator = ShadcnPhlexcomponents::BreadcrumbSeparator
 Button = ShadcnPhlexcomponents::Button
 Card = ShadcnPhlexcomponents::Card
-CardContent = ShadcnPhlexcomponents::CardContent
-CardDescription = ShadcnPhlexcomponents::CardDescription
-CardFooter = ShadcnPhlexcomponents::CardFooter
-CardHeader = ShadcnPhlexcomponents::CardHeader
-CardTitle = ShadcnPhlexcomponents::CardTitle
 CheckboxGroup = ShadcnPhlexcomponents::CheckboxGroup
 Checkbox = ShadcnPhlexcomponents::Checkbox
 Collapsible = ShadcnPhlexcomponents::Collapsible
-CollapsibleContent = ShadcnPhlexcomponents::CollapsibleContent
-CollapsibleTrigger = ShadcnPhlexcomponents::CollapsibleTrigger
-Datepicker = ShadcnPhlexcomponents::Datepicker
+Combobox = ShadcnPhlexcomponents::Combobox
+DatePicker = ShadcnPhlexcomponents::DatePicker
+DateRangePicker = ShadcnPhlexcomponents::DateRangePicker
 Dialog = ShadcnPhlexcomponents::Dialog
-DialogClose = ShadcnPhlexcomponents::DialogClose
-DialogContent = ShadcnPhlexcomponents::DialogContent
-DialogDescription = ShadcnPhlexcomponents::DialogDescription
-DialogFooter = ShadcnPhlexcomponents::DialogFooter
-DialogHeader = ShadcnPhlexcomponents::DialogHeader
-DialogTitle = ShadcnPhlexcomponents::DialogTitle
-DialogTrigger = ShadcnPhlexcomponents::DialogTrigger
 DropdownMenu = ShadcnPhlexcomponents::DropdownMenu
-DropdownMenuContent = ShadcnPhlexcomponents::DropdownMenuContent
-DropdownMenuItem = ShadcnPhlexcomponents::DropdownMenuItem
-DropdownMenuLabel = ShadcnPhlexcomponents::DropdownMenuLabel
-DropdownMenuSeparator = ShadcnPhlexcomponents::DropdownMenuSeparator
-DropdownMenuTrigger = ShadcnPhlexcomponents::DropdownMenuTrigger
+Form = ShadcnPhlexcomponents::Form
 HoverCard = ShadcnPhlexcomponents::HoverCard
-HoverCardContent = ShadcnPhlexcomponents::HoverCardContent
-HoverCardTrigger = ShadcnPhlexcomponents::HoverCardTrigger
 Input = ShadcnPhlexcomponents::Input
 Label = ShadcnPhlexcomponents::Label
 Link = ShadcnPhlexcomponents::Link
 LoadingButton = ShadcnPhlexcomponents::LoadingButton
 Pagination = ShadcnPhlexcomponents::Pagination
-PaginationEllipsis = ShadcnPhlexcomponents::PaginationEllipsis
-PaginationLink = ShadcnPhlexcomponents::PaginationLink
-PaginationNext = ShadcnPhlexcomponents::PaginationNext
-PaginationPrevious = ShadcnPhlexcomponents::PaginationPrevious
 Popover = ShadcnPhlexcomponents::Popover
-PopoverContent = ShadcnPhlexcomponents::PopoverContent
-PopoverTrigger = ShadcnPhlexcomponents::PopoverTrigger
 Progress = ShadcnPhlexcomponents::Progress
 RadioGroup = ShadcnPhlexcomponents::RadioGroup
-RadioGroupItem = ShadcnPhlexcomponents::RadioGroupItem
 Select = ShadcnPhlexcomponents::Select
-SelectContent = ShadcnPhlexcomponents::SelectContent
-SelectGroup = ShadcnPhlexcomponents::SelectGroup
-SelectItem = ShadcnPhlexcomponents::SelectItem
-SelectLabel = ShadcnPhlexcomponents::SelectLabel
 Separator = ShadcnPhlexcomponents::Separator
 Sheet = ShadcnPhlexcomponents::Sheet
-SheetClose = ShadcnPhlexcomponents::SheetClose
-SheetContent = ShadcnPhlexcomponents::SheetContent
-SheetDescription = ShadcnPhlexcomponents::SheetDescription
-SheetFooter = ShadcnPhlexcomponents::SheetFooter
-SheetHeader = ShadcnPhlexcomponents::SheetHeader
-SheetTitle = ShadcnPhlexcomponents::SheetTitle
-SheetTrigger = ShadcnPhlexcomponents::SheetTrigger
 Sidebar = ShadcnPhlexcomponents::Sidebar
-SidebarContainer = ShadcnPhlexcomponents::SidebarContainer
-SidebarContent = ShadcnPhlexcomponents::SidebarContent
-SidebarFooter = ShadcnPhlexcomponents::SidebarFooter
-SidebarGroupContent = ShadcnPhlexcomponents::SidebarGroupContent
-SidebarGroupLabel = ShadcnPhlexcomponents::SidebarGroupLabel
-SidebarGroup = ShadcnPhlexcomponents::SidebarGroup
-SidebarHeader = ShadcnPhlexcomponents::SidebarHeader
-SidebarInset = ShadcnPhlexcomponents::SidebarInset
-SidebarMenuButton = ShadcnPhlexcomponents::SidebarMenuButton
-SidebarMenuItem = ShadcnPhlexcomponents::SidebarMenuItem
-SidebarMenuSubButton = ShadcnPhlexcomponents::SidebarMenuSubButton
-SidebarMenuSubItem = ShadcnPhlexcomponents::SidebarMenuSubItem
-SidebarMenuSub = ShadcnPhlexcomponents::SidebarMenuSub
-SidebarMenu = ShadcnPhlexcomponents::SidebarMenu
-SidebarTrigger = ShadcnPhlexcomponents::SidebarTrigger
 Skeleton = ShadcnPhlexcomponents::Skeleton
 Switch = ShadcnPhlexcomponents::Switch
 Table = ShadcnPhlexcomponents::Table
-TableBody = ShadcnPhlexcomponents::TableBody
-TableCaption = ShadcnPhlexcomponents::TableCaption
-TableCell = ShadcnPhlexcomponents::TableCell
-TableFooter = ShadcnPhlexcomponents::TableFooter
-TableHead = ShadcnPhlexcomponents::TableHead
-TableHeader = ShadcnPhlexcomponents::TableHeader
-TableRow = ShadcnPhlexcomponents::TableRow
 Tabs = ShadcnPhlexcomponents::Tabs
-TabsContent = ShadcnPhlexcomponents::TabsContent
-TabsList = ShadcnPhlexcomponents::TabsList
-TabsTrigger = ShadcnPhlexcomponents::TabsTrigger
 Textarea = ShadcnPhlexcomponents::Textarea
 ThemeSwitcher = ShadcnPhlexcomponents::ThemeSwitcher
 Toast = ShadcnPhlexcomponents::Toast
-ToastActionTo = ShadcnPhlexcomponents::ToastActionTo
-ToastAction = ShadcnPhlexcomponents::ToastAction
 ToastContainer = ShadcnPhlexcomponents::ToastContainer
-ToastContent = ShadcnPhlexcomponents::ToastContent
-ToastDescription = ShadcnPhlexcomponents::ToastDescription
-ToastTitle = ShadcnPhlexcomponents::ToastTitle
 Tooltip = ShadcnPhlexcomponents::Tooltip
-TooltipContent = ShadcnPhlexcomponents::TooltipContent
-TooltipTrigger = ShadcnPhlexcomponents::TooltipTrigger

data/lib/shadcn_phlexcomponents/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-  VERSION = "0.1.0"
+  VERSION = "0.1.2"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: shadcn_phlexcomponents
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Sean Yeoh
 bindir: bin
 cert_chain: []
-date: 2025-04-18 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: lucide-rails
@@ -73,6 +73,7 @@ extra_rdoc_files: []
 files:
 - README.md
 - Rakefile
+- app/assets/tailwind/choices.css
 - app/assets/tailwind/tailwindcss-animate.css
 - app/assets/tailwind/vanilla-calendar-pro.css
 - app/javascript/controllers/accordion_controller.js
@@ -81,7 +82,8 @@ files:
 - app/javascript/controllers/checkbox_controller.js
 - app/javascript/controllers/collapsible_controller.js
 - app/javascript/controllers/combobox_controller.js
-- app/javascript/controllers/datepicker_controller.js
+- app/javascript/controllers/date_picker_controller.js
+- app/javascript/controllers/date_range_picker_controller.js
 - app/javascript/controllers/dialog_controller.js
 - app/javascript/controllers/dropdown_menu_controller.js
 - app/javascript/controllers/hover_card_controller.js
@@ -140,7 +142,10 @@ files:
 - lib/components/collapsible.rb
 - lib/components/collapsible_content.rb
 - lib/components/collapsible_trigger.rb
-- lib/components/datepicker.rb
+- lib/components/combobox.rb
+- lib/components/combobox_item.rb
+- lib/components/date_picker.rb
+- lib/components/date_range_picker.rb
 - lib/components/dialog.rb
 - lib/components/dialog_close.rb
 - lib/components/dialog_content.rb
@@ -156,6 +161,10 @@ files:
 - lib/components/dropdown_menu_label.rb
 - lib/components/dropdown_menu_separator.rb
 - lib/components/dropdown_menu_trigger.rb
+- lib/components/form.rb
+- lib/components/form_error.rb
+- lib/components/form_hint.rb
+- lib/components/form_input.rb
 - lib/components/hover_card.rb
 - lib/components/hover_card_content.rb
 - lib/components/hover_card_trigger.rb
@@ -258,7 +267,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 3.6.7
 specification_version: 4
 summary: Shadcn Phlexcomponents is a UI Component library built for Ruby on Rails.
 test_files: []

data/app/javascript/controllers/datepicker_controller.js

@@ -1,47 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-import { Calendar } from 'vanilla-calendar-pro'
-import { getDateString, parseDates } from 'vanilla-calendar-pro/utils'
-import dayjs from 'dayjs'
-
-export default class extends Controller {
-  connect() {
-    this.date = new Date(this.element.dataset.value)
-    this.format = this.element.dataset.format
-    const settings = this.getSettings()
-
-    if (!isNaN(this.date.getTime())) {
-      const dateString = getDateString(this.date)
-      const formattedDate = this.format
-        ? dayjs(this.date).format(this.format)
-        : this.date.toLocaleDateString()
-      this.element.value = formattedDate
-      settings.selectedDates = [dateString]
-    }
-
-    const calendar = new Calendar(this.element, {
-      inputMode: true,
-      enableJumpToSelectedDate: true,
-      ...settings,
-      onClickDate(self, event) {
-        const date = self.context.selectedDates[0]
-        const formattedDate = self.context.inputElement.dataset.format
-          ? dayjs(date).format(self.context.inputElement.dataset.format)
-          : new Date(date).toLocaleDateString()
-
-        self.context.inputElement.value = formattedDate
-        self.hide()
-      },
-    })
-    calendar.init()
-
-    this.calendar = calendar
-  }
-
-  getSettings() {
-    try {
-      return JSON.parse(this.element.dataset.settings)
-    } catch {
-      return {}
-    }
-  }
-}

data/lib/components/datepicker.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Datepicker < Base
-    STYLES = <<~HEREDOC
-      flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1
-      text-base shadow-sm transition-colors file:border-0 file:bg-transparent
-      file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground
-      focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring
-      disabled:cursor-not-allowed disabled:opacity-50 md:text-sm
-      file:pt-0.5
-    HEREDOC
-
-    def initialize(name: nil, id: nil, value: nil, format: nil, settings: {}, **attributes)
-      @name = name
-      @id = id || @name
-      @value = value
-      @settings = settings
-      @format = format
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          value: @value&.utc.to_s,
-          format: @format,
-          controller: "shadcn-phlexcomponents--datepicker",
-          settings: @settings.to_json
-        }
-      }
-    end
-
-    def view_template
-      input(type: :text, readonly: true, **@attributes)
-    end
-  end
-end