frappe-ui 0.1.153 → 0.1.154

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.1.153",
+  "version": "0.1.154",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.ts",
   "type": "module",

package/src/components/DatePicker/DatePicker.vue

@@ -15,7 +15,7 @@
         :class="inputClass"
         v-bind="$attrs"
       >
-        <template #prefix><LucideCalendar class="size-4" /></template>
+        <template v-if="!hideIcon" #prefix><LucideCalendar class="size-4" /></template>
       </TextInput>
     </template>
 
@@ -131,6 +131,7 @@ import { Button } from '../Button'
 import { Popover } from '../Popover'
 import FeatherIcon from '../FeatherIcon.vue'
 import { TextInput } from '../TextInput'
+import LucideCalendar from '~icons/lucide/calendar'
 
 import { getDate, getDateValue } from './utils'
 import { useDatePicker } from './useDatePicker'

package/src/components/DatePicker/DateTimePicker.vue

@@ -16,7 +16,7 @@
         :class="inputClass"
         v-bind="$attrs"
       >
-        <template #prefix><LucideCalendar class="size-4" /></template>
+        <template v-if="!hideIcon" #prefix><LucideCalendar class="size-4" /></template>
       </TextInput>
     </template>
 
@@ -195,6 +195,7 @@ import { Button } from '../Button'
 import { Popover } from '../Popover'
 import FeatherIcon from '../FeatherIcon.vue'
 import { TextInput } from '../TextInput'
+import LucideCalendar from '~icons/lucide/calendar'
 
 import { getDate } from './utils'
 import { useDatePicker } from './useDatePicker'

package/src/components/DatePicker/types.ts

@@ -5,7 +5,8 @@ export interface DatePickerProps {
   formatter?: (date: string) => string
   readonly?: boolean
   inputClass?: string | Array<string> | Record<string, boolean>
-  placement?: string
+  placement?: string,
+  hideIcon?: boolean
 }
 
 export type DatePickerEmits = {

package/src/components/Switch/Switch.vue

@@ -83,10 +83,10 @@ const switchCircleClasses = computed(() => {
     props.size === 'md' ? 'h-3.5 w-3.5' : 'h-3 w-3',
     props.size === 'md'
       ? props.modelValue
-        ? 'translate-x-3'
+        ? 'ltr:translate-x-3 rtl:-translate-x-3'
         : 'translate-x-0'
       : props.modelValue
-        ? 'translate-x-2.5'
+        ? 'ltr:translate-x-2.5 rtl:-translate-x-2.5'
         : 'translate-x-0',
   ]
 })
@@ -129,6 +129,6 @@ const switchGroupClasses = computed(() => {
 })
 
 const labelContainerClasses = computed(() => {
-  return ['flex flex-col text-left space-y-0.5']
+  return ['flex flex-col space-y-0.5']
 })
 </script>