@toptal/picasso-forms 67.0.0 → 67.1.0

package/src/Switch/Switch.tsx

@@ -4,11 +4,14 @@ import { Switch as PicassoSwitch, Form as PicassoForm } from '@toptal/picasso'
 
 import type { FieldProps } from '../Field'
 import PicassoField from '../Field'
+import type { Props as FieldLabelProps } from '../FieldLabel'
 
 export type FormSwitchProps = Omit<SwitchProps, 'onChange'> & {
   onChange?: SwitchProps['onChange']
 }
-export type Props = FormSwitchProps & FieldProps<SwitchProps['value']>
+export type Props = FormSwitchProps &
+  FieldProps<SwitchProps['value']> &
+  Omit<FieldLabelProps, 'name' | 'required'>
 
 export const Switch = (props: Props) => (
   <PicassoField<FormSwitchProps>
@@ -16,7 +19,11 @@ export const Switch = (props: Props) => (
     type='checkbox'
     label={
       props.label ? (
-        <PicassoForm.Label htmlFor={props.id} titleCase={props.titleCase}>
+        <PicassoForm.Label
+          htmlFor={props.id}
+          titleCase={props.titleCase}
+          labelEndAdornment={props.labelEndAdornment}
+        >
           {props.label}
         </PicassoForm.Label>
       ) : null

package/src/TagSelector/TagSelector.tsx

@@ -3,13 +3,16 @@ import type { TagSelectorProps } from '@toptal/picasso'
 import { TagSelector as PicassoTagSelector } from '@toptal/picasso'
 
 import type { FieldProps } from '../Field'
+import type { Props as FieldLabelProps } from '../FieldLabel'
 import FieldLabel from '../FieldLabel'
 import InputField from '../InputField'
 
-export type Props = TagSelectorProps & FieldProps<TagSelectorProps['value']>
+export type Props = TagSelectorProps &
+  FieldProps<TagSelectorProps['value']> &
+  FieldLabelProps
 
 export const TagSelector = (props: Props) => {
-  const { label, titleCase, ...rest } = props
+  const { label, labelEndAdornment, titleCase, ...rest } = props
 
   return (
     <InputField<TagSelectorProps>
@@ -20,6 +23,7 @@ export const TagSelector = (props: Props) => {
             name={props.name}
             required={props.required}
             label={label}
+            labelEndAdornment={labelEndAdornment}
             titleCase={titleCase}
           />
         ) : null

package/src/TimePicker/TimePicker.tsx

@@ -5,14 +5,17 @@ import { TimePicker as PicassoTimePicker } from '@toptal/picasso'
 import type { FieldProps } from '../Field'
 import InputField from '../InputField'
 import FieldLabel from '../FieldLabel'
+import type { Props as FieldLabelProps } from '../FieldLabel'
 
 export type FormTimePickerProps = Omit<TimePickerProps, 'onChange'> & {
   onChange?: TimePickerProps['onChange']
 }
-export type Props = FormTimePickerProps & FieldProps<TimePickerProps['value']>
+export type Props = FormTimePickerProps &
+  FieldProps<TimePickerProps['value']> &
+  FieldLabelProps
 
 export const TimePicker = (props: Props) => {
-  const { label, titleCase, ...rest } = props
+  const { label, labelEndAdornment, titleCase, ...rest } = props
 
   return (
     <InputField<FormTimePickerProps>
@@ -23,6 +26,7 @@ export const TimePicker = (props: Props) => {
             name={props.name}
             required={props.required}
             label={label}
+            labelEndAdornment={labelEndAdornment}
             titleCase={titleCase}
           />
         ) : null