RubyGems - playbook_ui - Versions diffs - 16.1.0.pre.alpha.play277814027 → 16.1.0.pre.rc.0 - Mend

playbook_ui 16.1.0.pre.alpha.play277814027 → 16.1.0.pre.rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (178) hide show

data/app/pb_kits/playbook/pb_textarea/_textarea.tsx CHANGED Viewed

@@ -13,7 +13,6 @@ import Body from '../pb_body/_body'
 import Caption from '../pb_caption/_caption'
 import Flex from '../pb_flex/_flex'
 import FlexItem from '../pb_flex/_flex_item'
-import colors from '../tokens/exports/_colors.module.scss'
 import { stripEmojisForPaste, applyEmojiMask } from '../utilities/emojiMask'
@@ -37,7 +36,6 @@ type TextareaProps = {
   value?: string,
   name?: string,
   required?: boolean,
-  requiredIndicator?: boolean,
   rows?: number,
   resize: "none" | "both" | "horizontal" | "vertical" | "auto",
   onChange?: InputCallback<HTMLTextAreaElement>,
@@ -52,7 +50,6 @@ const Textarea = ({
   disabled,
   emojiMask = false,
   htmlOptions = {},
-  id,
   inline = false,
   resize = 'none',
   error,
@@ -63,7 +60,6 @@ const Textarea = ({
   onChange = () => {},
   placeholder,
   required,
-  requiredIndicator = false,
   rows = 4,
   value,
   ...props
@@ -88,7 +84,7 @@ const Textarea = ({
     if (emojiMask) {
       const pastedText = e.clipboardData.getData('text')
       const filteredText = stripEmojisForPaste(pastedText)
       if (pastedText !== filteredText) {
         e.preventDefault()
         const textarea = e.currentTarget
@@ -97,10 +93,10 @@ const Textarea = ({
         const currentValue = textarea.value
         const newValue = currentValue.slice(0, start) + filteredText + currentValue.slice(end)
         const newCursorPosition = start + filteredText.length
         textarea.value = newValue
         textarea.selectionStart = textarea.selectionEnd = newCursorPosition
         onChange({ ...e, target: textarea, currentTarget: textarea } as unknown as ChangeEvent<HTMLTextAreaElement>)
       }
     }
@@ -120,7 +116,6 @@ const Textarea = ({
   const characterCounter = () => {
     return maxCharacters && characterCount ? `${checkIfZero(characterCount)} / ${maxCharacters}` : `${checkIfZero(characterCount)}`
   }
-  const errorId = error ? `${id}-error` : undefined
   return (
     <div
@@ -129,27 +124,10 @@ const Textarea = ({
         {...htmlProps}
         className={classes}
     >
-    {label && (
-      <label htmlFor={id}>
-      {
-        requiredIndicator ? (
-          <Caption className="pb_text_input_kit_label">
-            {label} <span style={{ color: `${colors.error}` }}>*</span>
-          </Caption>
-        ) : (
-          <Caption  className="pb_text_input_kit_label"
-              text={label}
-          />
-        )
-      }
-      </label>
-    )}
+      <Caption text={label} />
       {children || (
         <textarea
-            aria-describedby={errorId}
-            aria-invalid={!!error}
             disabled={disabled}
-            id={id}
             name={name}
             onChange={emojiMask ? handleChange : onChange}
             onPaste={emojiMask ? handlePaste : undefined}
@@ -165,22 +143,19 @@ const Textarea = ({
       {error ? (
         <>
           {characterCount ? (
-            <Flex
-                spacing="between"
+            <Flex
+                spacing="between"
                 vertical="center"
             >
               <FlexItem>
-                <Body
-                    aria={{ atomic: "true", live: "polite" }}
-                    htmlOptions={{ role: "alert" }}
-                    id={errorId}
+                <Body
                     margin="none"
                     status="negative"
-                    text={error}
+                    text={error}
                 />
               </FlexItem>
               <FlexItem>
-                <Caption
+                <Caption
                     margin="none"
                     size="xs"
                     text={characterCounter()}
@@ -188,10 +163,7 @@ const Textarea = ({
               </FlexItem>
             </Flex>
           ) : (
-            <Body
-                aria={{ atomic: "true", live: "polite" }}
-                htmlOptions={{ role: "alert" }}
-                id={errorId}
+            <Body
                 status="negative"
                 text={error}
             />
@@ -199,7 +171,7 @@ const Textarea = ({
         </>
       ) : (
          noCount && (
-          <Caption
+          <Caption
               margin="none"
               size="xs"
               text={characterCounter()}

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb CHANGED Viewed

@@ -1,9 +1,9 @@
-<%= pb_rails("textarea", props: { label: "Label", rows: 4, id: "default-example-1" }) %>
+<%= pb_rails("textarea", props: { label: "Label", rows: 4}) %>
 <br/>
-<%= pb_rails("textarea", props: { label: "Label", placeholder: "Placeholder text", id: "default-example-2" }) %>
+<%= pb_rails("textarea", props: { label: "Label", placeholder: "Placeholder text" }) %>
 <br/>
-<%= pb_rails("textarea", props: { label: "Label", name: "comment", value: "Default value text", id: "default-example-3" }) %>
+<%= pb_rails("textarea", props: { label: "Label", name: "comment", value: "Default value text" }) %>

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx CHANGED Viewed

@@ -13,7 +13,6 @@ const TextareaDefault = (props) => {
           label="Label"
           rows={4}
           {...props}
-          id="default-example-1"
       />
       <br />
@@ -22,7 +21,6 @@ const TextareaDefault = (props) => {
           label="Label"
           placeholder="Placeholder text"
           {...props}
-          id="default-example-2"
       />
       <br />
@@ -34,7 +32,6 @@ const TextareaDefault = (props) => {
           placeholder="Placeholder text"
           value={value}
           {...props}
-          id="default-example-3"
       />
     </div>

data/app/pb_kits/playbook/pb_textarea/docs/example.yml CHANGED Viewed

@@ -8,8 +8,6 @@ examples:
   - textarea_character_counter: Character Counter
   - textarea_inline: Inline
   - textarea_emoji_mask: Emoji Mask
-  - textarea_required_indicator: Required Indicator
-  - textarea_input_options: Input Options
   react:
   - textarea_default: Default
@@ -19,9 +17,8 @@ examples:
   - textarea_character_counter: Character Counter
   - textarea_inline: Inline
   - textarea_emoji_mask: Emoji Mask
-  - textarea_required_indicator: Required Indicator
   swift:
   - textarea_default_swift: Default
   - textarea_error_swift: Textarea w/ Error
-  - textarea_props_swift: ""
+  - textarea_props_swift: ""

data/app/pb_kits/playbook/pb_textarea/docs/index.js CHANGED Viewed

@@ -5,4 +5,3 @@ export { default as TextareaError } from './_textarea_error.jsx'
 export { default as TextareaCharacterCounter } from './_textarea_character_counter.jsx'
 export { default as TextareaInline } from './_textarea_inline.jsx'
 export { default as TextareaEmojiMask } from './_textarea_emoji_mask.jsx'
-export { default as TextareaRequiredIndicator } from './_textarea_required_indicator.jsx'

data/app/pb_kits/playbook/pb_textarea/index.ts CHANGED Viewed

@@ -11,21 +11,18 @@ export default class PbTextarea extends PbEnhancedElement {
   }
   hasEmojiMask(): boolean {
-    if (!this.element) return false
     return (this.element as HTMLElement).dataset.pbEmojiMask === "true"
   }
-  onInput = (): void => {
-    if (!this.element) return
+  onInput(): void {
     if ((this.element as HTMLElement).closest('.resize_auto')) {
-      (this.element as HTMLTextAreaElement).style.height = 'auto';
-      (this.element as HTMLTextAreaElement).style.height = (this.element as HTMLTextAreaElement).scrollHeight + 'px'
+      this.style.height = 'auto'
+      this.style.height = (this.scrollHeight) + 'px'
     }
   }
   handleEmojiInput = (): void => {
-    if (!this.element || !this.hasEmojiMask()) return
+    if (!this.hasEmojiMask()) return
     if (this.skipNextEmojiFilter) {
       this.skipNextEmojiFilter = false
@@ -36,7 +33,7 @@ export default class PbTextarea extends PbEnhancedElement {
   }
   handleEmojiPaste = (event: ClipboardEvent): void => {
-    if (!this.element || !this.hasEmojiMask()) return
+    if (!this.hasEmojiMask()) return
     const pastedText = event.clipboardData?.getData('text') || ''
     const filteredText = stripEmojisForPaste(pastedText)
@@ -60,8 +57,6 @@ export default class PbTextarea extends PbEnhancedElement {
   }
   connect(): void {
-    if (!this.element) return
     if ((this.element as HTMLElement).closest('.resize_auto')) {
       this.element.setAttribute('style', 'height:' + (this.element as HTMLTextAreaElement).scrollHeight + 'px;overflow-y:hidden;')
       this.element.addEventListener('input', this.onInput, false)
@@ -74,8 +69,6 @@ export default class PbTextarea extends PbEnhancedElement {
   }
   disconnect(): void {
-    if (!this.element) return
     this.element.removeEventListener('input', this.onInput, false)
     this.element.removeEventListener('input', this.handleEmojiInput, false)
     this.element.removeEventListener('paste', this.handleEmojiPaste as EventListener, false)

data/app/pb_kits/playbook/pb_textarea/textarea.html.erb CHANGED Viewed

@@ -1,14 +1,6 @@
-<%= pb_content_tag(:div, id: nil) do %>
+<%= pb_content_tag do %>
   <% if object.label.present? %>
-    <label for="<%= object.input_options[:id] || object.id %>" >
-      <% if object.required_indicator %>
-        <%= pb_rails("caption", props: { text: object.label, dark: object.dark }) do %>
-          <%= object.label %><span style="color: #DA0014;"> *</span>
-        <% end %>
-      <% else %>
-        <%= pb_rails("caption", props: {text: object.label, dark: object.dark}) %>
-      <% end %>
-    </label>
+    <%= pb_rails("caption", props: {text: object.label, dark: object.dark}) %>
   <% end %>
   <% if content.present? %>
     <%= content %>
@@ -16,36 +8,28 @@
       <%= pb_rails("body", props: { dark: object.dark, status: "negative", text: object.error }) %>
     <% end %>
   <% else %>
-    <%= text_area_tag(
-        object.name,
-        object.value,
-        object.all_textarea_attributes) %>
+    <%= text_area(
+        :object,
+        :method,
+        :data => object.textarea_options[:data],
+        :max_characters => object.max_characters,
+        :name => object.name,
+        :onkeyup => object.onkeyup,
+        :placeholder => object.placeholder,
+        :rows => object.rows,
+        :value => object.value) %>
     <% if object.error %>
       <% if object.character_count %>
         <%= pb_rails("flex", props: { spacing: "between", vertical: "center" }) do %>
           <%= pb_rails("flex/flex_item") do %>
-            <%= pb_rails("body", props: {
-              dark: object.dark,
-              status: "negative",
-              text: object.error,
-              id: object.error_id,
-              aria: { atomic: "true", live: "polite" },
-              html_options: { role: "alert" },
-            }) %>
+             <%= pb_rails("body", props: { dark: object.dark, status: "negative", text: object.error }) %>
           <% end %>
           <%= pb_rails("flex/flex_item") do %>
             <%= pb_rails("caption", props: { margin: "none", size: "xs", text: object.character_counter }) %>
           <% end %>
         <% end %>
       <% else %>
-        <%= pb_rails("body", props: {
-          dark: object.dark,
-          status: "negative",
-          text: object.error,
-          id: object.error_id,
-          aria: { atomic: "true", live: "polite" },
-          html_options: { role: "alert" },
-        }) %>
+        <%= pb_rails("body", props: { dark: object.dark, status: "negative", text: object.error }) %>
       <% end %>
     <% else %>
       <%= pb_rails("caption", props: { margin: "none", size: "xs", text: object.character_counter }) %>

data/app/pb_kits/playbook/pb_textarea/textarea.rb CHANGED Viewed

@@ -8,8 +8,6 @@ module Playbook
       prop :error
       prop :inline, type: Playbook::Props::Boolean,
                     default: false
-      prop :input_options, type: Playbook::Props::HashProp,
-                           default: {}
       prop :label
       prop :method
       prop :name
@@ -23,8 +21,6 @@ module Playbook
       prop :character_count
       prop :onkeyup
       prop :max_characters
-      prop :required_indicator, type: Playbook::Props::Boolean,
-                                default: false
       def classname
         generate_classname("pb_textarea_kit") + error_class + resize_class + inline_class
@@ -40,38 +36,6 @@ module Playbook
         }
       end
-      def all_textarea_attributes
-        # Merge data attributes: emoji_mask data + input_options data
-        data_attrs = textarea_options[:data] || {}
-        input_data = input_options[:data] || {}
-        merged_data = data_attrs.merge(input_data)
-        base_attributes = {
-          'aria-describedby': error.present? ? error_id : nil,
-          'aria-invalid': error.present?,
-          id: input_options[:id] || id || "object_method",
-          max_characters: max_characters,
-          name: name,
-          onkeyup: onkeyup,
-          placeholder: placeholder,
-          rows: rows,
-          value: value,
-        }
-        # Merge input_options (excluding data to handle separately)
-        input_options_without_data = input_options.except(:data)
-        result = base_attributes.merge(input_options_without_data)
-        # Add merged data if present (input_options data takes precedence over emoji_mask data)
-        result[:data] = merged_data unless merged_data.empty?
-        result
-      end
-      def error_id
-        "#{id}-error" if error.present?
-      end
     private
       def error_class

data/app/pb_kits/playbook/pb_textarea/textarea.test.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import { render, screen, fireEvent, within } from "../utilities/test-utils"
+import { render, screen, fireEvent } from "../utilities/test-utils"
 import Textarea from "./_textarea"
@@ -265,21 +265,4 @@ describe("Textarea Emoji Mask", () => {
     fireEvent.change(textarea, { target: { value: 'àëǒüñ' } })
     expect(textarea.value).toBe('àëǒüñ')
   })
-  test('renders required indicator asterisk when requiredIndicator is true', () => {
-    render(
-      <Textarea
-          data={{ testid: testId }}
-          label="Name"
-          required
-          requiredIndicator
-      />
-    )
-    const kit = screen.getByTestId(testId)
-    const label = within(kit).getByText(/Name/)
-    expect(label).toBeInTheDocument()
-    expect(kit).toHaveTextContent('*')
-  })
 })

data/app/pb_kits/playbook/pb_time_picker/_time_picker.tsx CHANGED Viewed

@@ -5,12 +5,12 @@ import { globalProps, GlobalProps } from '../utilities/globalProps'
 import Caption from '../pb_caption/_caption'
 import SelectableCard from '../pb_selectable_card/_selectable_card'
 import TextInput from '../pb_text_input/_text_input'
-import colors from '../tokens/exports/_colors.module.scss'
 import {
   parseTime,
   parseTimeToMinutes,
   isTimeInRange as isTimeInRangeHelper,
+  isHourDisabled as isHourDisabledHelper,
   isAnyAMTimeValid as isAnyAMTimeValidHelper,
   isAnyPMTimeValid as isAnyPMTimeValidHelper,
   getDisplayTime,
@@ -48,7 +48,6 @@ type TimePickerProps = {
   onChange?: (time: string) => void,
   onClose?: (time: string) => void,
   required?: boolean,
-  requiredIndicator?: boolean,
   showTimezone?: boolean,
   timeFormat?: TimeFormat,
   validationMessage?: string,
@@ -73,7 +72,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
     onChange,
     onClose,
     required = false,
-    requiredIndicator = false,
     showTimezone = false,
     timeFormat = 'AMPM',
     validationMessage,
@@ -116,6 +114,10 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
     return isTimeInRangeHelper(h, m, mer, timeFormat, minTimeMinutes, maxTimeMinutes)
   }
+  const isHourDisabled = (h: number, mer?: 'AM' | 'PM'): boolean => {
+    return isHourDisabledHelper(h, mer, timeFormat, minTimeMinutes, maxTimeMinutes)
+  }
   const isCurrentTimeValid = (h: number, m: number, mer: 'AM' | 'PM'): boolean => {
     return isTimeInRange(h, m, mer)
   }
@@ -185,28 +187,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
   const [showHourDropdown, setShowHourDropdown] = useState(false)
   const [showMinuteDropdown, setShowMinuteDropdown] = useState(false)
-  // Clicking the clock add-on opens the dropdown
-  useEffect(() => {
-    if (disabled) return
-    const addOnCard = document.querySelector(`#${uniqueId}-input`)?.closest('.text_input_wrapper_add_on')?.querySelector('.add-on-card') as HTMLElement
-    if (addOnCard) {
-      const handleAddOnClick = (e: Event) => {
-        e.preventDefault()
-        e.stopPropagation()
-        setShowDropdown(true)
-      }
-      addOnCard.addEventListener('click', handleAddOnClick)
-      addOnCard.style.cursor = 'pointer'
-      return () => {
-        addOnCard.removeEventListener('click', handleAddOnClick)
-      }
-    }
-  }, [uniqueId, disabled, setShowDropdown])
   // Input dropdown scrolling
   const scrollDropdownToSelected = (dropdownRef: React.RefObject<HTMLDivElement>) => {
     if (dropdownRef.current) {
@@ -389,10 +369,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
     }
   }
-  const handleHourFocus = (e: React.FocusEvent<HTMLInputElement>) => {
-    e.target.select()
-  }
   const handleHourBlur = () => {
     const result = normalizeHourOnBlur(hourInputValue, hour, timeFormat)
     setHour(result.hour)
@@ -417,10 +393,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
     }
   }
-  const handleMinuteFocus = (e: React.FocusEvent<HTMLInputElement>) => {
-    e.target.select()
-  }
   const handleMinuteBlur = () => {
     const result = normalizeMinuteOnBlur(minuteInputValue, minute)
     setMinute(result.minute)
@@ -510,30 +482,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
       e.preventDefault()
       setShowHourDropdown(false)
       closeDropdown()
-    } else if (e.key === 'ArrowDown') {
-      // ArrowDown increases value (like scrolling down a list)
-      e.preventDefault()
-      const { maxHour, minHour } = getHourConstraints(timeFormat)
-      const newHour = hour >= maxHour ? minHour : hour + 1
-      setHour(newHour)
-      setHourInputValue(timeFormat === '24hour' ? newHour.toString().padStart(2, '0') : newHour.toString())
-      setHasSelectedTime(true)
-      const timeString = get24HourTime(newHour, minute, meridiem, timeFormat)
-      if (onChange) {
-        onChange(timeString)
-      }
-    } else if (e.key === 'ArrowUp') {
-      // ArrowUp decreases value (like scrolling up a list)
-      e.preventDefault()
-      const { maxHour, minHour } = getHourConstraints(timeFormat)
-      const newHour = hour <= minHour ? maxHour : hour - 1
-      setHour(newHour)
-      setHourInputValue(timeFormat === '24hour' ? newHour.toString().padStart(2, '0') : newHour.toString())
-      setHasSelectedTime(true)
-      const timeString = get24HourTime(newHour, minute, meridiem, timeFormat)
-      if (onChange) {
-        onChange(timeString)
-      }
     }
   }
@@ -565,28 +513,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
       e.preventDefault()
       setShowMinuteDropdown(false)
       closeDropdown()
-    } else if (e.key === 'ArrowDown') {
-      // ArrowDown increases value (like scrolling down a list)
-      e.preventDefault()
-      const newMinute = minute >= 59 ? 0 : minute + 1
-      setMinute(newMinute)
-      setMinuteInputValue(newMinute.toString().padStart(2, '0'))
-      setHasSelectedTime(true)
-      const timeString = get24HourTime(hour, newMinute, meridiem, timeFormat)
-      if (onChange) {
-        onChange(timeString)
-      }
-    } else if (e.key === 'ArrowUp') {
-      // ArrowUp decreases value (like scrolling up a list)
-      e.preventDefault()
-      const newMinute = minute <= 0 ? 59 : minute - 1
-      setMinute(newMinute)
-      setMinuteInputValue(newMinute.toString().padStart(2, '0'))
-      setHasSelectedTime(true)
-      const timeString = get24HourTime(hour, newMinute, meridiem, timeFormat)
-      if (onChange) {
-        onChange(timeString)
-      }
     }
   }
@@ -699,22 +625,12 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
     >
       {label && (
         <label htmlFor={`${uniqueId}-input`}>
-          {requiredIndicator ? (
-            <Caption
-                className="pb_time_picker_kit_label"
-                marginBottom="xs"
-                size="md"
-            >
-              {label} <span style={{ color: `${colors.error}` }}>{'*'}</span>
-            </Caption>
-          ) : (
-            <Caption
-                className="pb_time_picker_kit_label"
-                marginBottom="xs"
-                size="md"
-                text={label}
-            />
-          )}
+          <Caption
+              className="pb_time_picker_kit_label"
+              marginBottom="xs"
+              size="md"
+              text={label}
+          />
         </label>
       )}
       <div className="time_picker_wrapper">
@@ -773,7 +689,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
                     onBlur={handleHourBlur}
                     onChange={handleHourChange}
                     onClick={() => { setShowHourDropdown(!showHourDropdown); setShowMinuteDropdown(false) }}
-                    onFocus={handleHourFocus}
                     onKeyDown={handleHourKeyDown}
                     pattern="[0-9]*"
                     ref={hourInputRef}
@@ -819,7 +734,6 @@ const TimePicker = (props: TimePickerProps): JSX.Element => {
                     onBlur={handleMinuteBlur}
                     onChange={handleMinuteChange}
                     onClick={() => { setShowMinuteDropdown(!showMinuteDropdown); setShowHourDropdown(false) }}
-                    onFocus={handleMinuteFocus}
                     onKeyDown={handleMinuteKeyDown}
                     pattern="[0-9]*"
                     ref={minuteInputRef}

data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx CHANGED Viewed

@@ -1,7 +1,6 @@
 import React, { useState } from 'react'
 import TimePicker from '../../pb_time_picker/_time_picker'
 import Body from '../../pb_body/_body'
-import Flex from '../../pb_flex/_flex'
 const TimePickerOnHandler = (props) => {
   const [selectedTime, setSelectedTime] = useState('')
@@ -18,9 +17,7 @@ const TimePickerOnHandler = (props) => {
   return (
     <div>
       {(selectedTime || closedTime) && (
-        <Flex marginBottom="sm"
-            orientation="column"
-        >
+        <div style={{ marginBottom: '16px' }}>
           {selectedTime && (
             <Body
                 text={`onChange: ${selectedTime}`}
@@ -32,7 +29,7 @@ const TimePickerOnHandler = (props) => {
                 text={`onClose: ${closedTime}`}
             />
           )}
-        </Flex>
+        </div>
       )}
       <TimePicker
           id="time-picker-on-handler"

data/app/pb_kits/playbook/pb_time_picker/docs/example.yml CHANGED Viewed

@@ -9,7 +9,6 @@ examples:
   - time_picker_min_max_time: Min & Max Time
   - time_picker_error: Error
   - time_picker_disabled: Disabled
-  - time_picker_required_indicator: Required Indicator
   - time_picker_input_options: Input Options
@@ -22,5 +21,4 @@ examples:
   - time_picker_min_max_time: Min & Max Time
   - time_picker_error: Error
   - time_picker_disabled: Disabled
-  - time_picker_required_indicator: Required Indicator
   - time_picker_on_handler: onChange & onClose Handlers

data/app/pb_kits/playbook/pb_time_picker/docs/index.js CHANGED Viewed

@@ -7,4 +7,3 @@ export { default as TimePickerOnHandler } from './_time_picker_on_handler.jsx'
 export { default as TimePickerMinMaxTime } from './_time_picker_min_max_time.jsx'
 export { default as TimePickerError } from './_time_picker_error.jsx'
 export { default as TimePickerDisabled } from './_time_picker_disabled.jsx'
-export { default as TimePickerRequiredIndicator } from './_time_picker_required_indicator.jsx'

data/app/pb_kits/playbook/pb_time_picker/time_picker.rb CHANGED Viewed

@@ -16,8 +16,6 @@ module Playbook
       prop :name, type: Playbook::Props::String
       prop :required, type: Playbook::Props::Boolean,
                       default: false
-      prop :required_indicator, type: Playbook::Props::Boolean,
-                                default: false
       prop :show_timezone, type: Playbook::Props::Boolean,
                            default: false
       prop :time_format, type: Playbook::Props::Enum,
@@ -70,7 +68,6 @@ module Playbook
           minTime: min_time,
           name: name,
           required: required,
-          requiredIndicator: required_indicator,
           showTimezone: show_timezone,
           timeFormat: time_format,
           validationMessage: validation_message,