Add the hideNow prop to the time picker (#331)

Co-authored-by: Lev Chelyadinov <[email protected]>

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented here.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/) and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## [Unreleased]
+
+### Added
+
+- The `hideNow` prop to the `TimePicker` component has been added to hide the `now` button (Thanks to [@CuriousCI](https://github.com/CuriousCI) for the contribution - [#331](https://github.com/illright/attractions/pull/331)).
+
 ## [3.6.0] - 2021-11-08
 
 ### Changed

attractions/time-picker/time-picker.svelte

@@ -27,6 +27,11 @@
    */
   export let inputClass = null;
 
+  /**
+   * Hides the `now` button from the component.
+   * @type {boolean}
+   */
+  export let hideNow = false;
   /**
    * Aligns the dropdown content such that it opens to the top of the text field, extending up.
    * @type {boolean}
@@ -267,12 +272,14 @@
           />
         </div>
       {/if}
-      <Button on:click={setToNow}>
-        <slot name="now-icon">
-          <Clock />
-        </slot>
-        <slot name="now-label">now</slot>
-      </Button>
+      {#if !hideNow}
+        <Button on:click={setToNow}>
+          <slot name="now-icon">
+            <Clock />
+          </slot>
+          <slot name="now-label">now</slot>
+        </Button>
+      {/if}
     </Dropdown>
   </DropdownShell>
 </div>

docs/src/routes/docs/components/time-picker.svx

@@ -24,12 +24,14 @@ A time picker that supports both the text input and a dropdown with buttons.
   <div slot="showcase" class="padded">
     <TimePicker right />
     <TimePicker format="%H.%M.%S %P" />
+    <TimePicker hideNow />
   </div>
   <div slot="source">
 
 ```svelte
 <TimePicker right />
 <TimePicker format="%H.%M.%S %P" />
+<TimePicker hideNow />
 ```
 
   </div>
@@ -42,6 +44,7 @@ A time picker that supports both the text input and a dropdown with buttons.
 
 | Name | Default | Type | Description |
 | ---- | ------- | ---- | ----------- |
+| **`hideNow`** | `false` | `boolean` | Hides the `now` button from the component. |
 | **`right`** | `false` | `boolean` | Aligns the dropdown with the right edge of the text field. |
 | **`top`** | `false` | `boolean` | Aligns the dropdown content such that it opens to the top of the text field, extending up. |