gbs-add-block 0.0.81 → 0.0.83
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.
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# GBS Building Blocks 2.0 (v0.0.
|
|
1
|
+
# GBS Building Blocks 2.0 (v0.0.83)
|
|
2
2
|
|
|
3
3
|
Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ Latest and upgraded version of GBS building blocks with headless UI and removed
|
|
|
6
6
|
|
|
7
7
|
For detailed documentation on usage and props, Please visit: [Building Block Documentation v2.0](https://blackmax-designs.gitbook.io/building-block-v2.0)
|
|
8
8
|
|
|
9
|
-
## What's New 🎉 (Ver 0.0.
|
|
9
|
+
## What's New 🎉 (Ver 0.0.83)
|
|
10
10
|
|
|
11
11
|
- Updated for bug fixes.
|
|
12
12
|
- New Component Card & SideBar Added
|
package/package.json
CHANGED
|
@@ -30,6 +30,7 @@ export const DatePicker = ({
|
|
|
30
30
|
error,
|
|
31
31
|
placeholder = "Select a date",
|
|
32
32
|
disabled = false,
|
|
33
|
+
...props
|
|
33
34
|
}: DatePickerProps) => {
|
|
34
35
|
applyScrollbarStyles();
|
|
35
36
|
|
|
@@ -122,7 +123,7 @@ export const DatePicker = ({
|
|
|
122
123
|
|
|
123
124
|
const clearSelectedHandler = () => {
|
|
124
125
|
clearSelected();
|
|
125
|
-
if(
|
|
126
|
+
if (onDateChange) onDateChange(null);
|
|
126
127
|
};
|
|
127
128
|
|
|
128
129
|
return (
|
|
@@ -166,6 +167,7 @@ export const DatePicker = ({
|
|
|
166
167
|
name={name}
|
|
167
168
|
value={selectedDate?.toDateString() || ""}
|
|
168
169
|
readOnly
|
|
170
|
+
{...props}
|
|
169
171
|
/>
|
|
170
172
|
|
|
171
173
|
{showDatepicker && !disabled && (
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import React, { useState, useRef } from "react";
|
|
9
9
|
import { twMerge } from "tailwind-merge";
|
|
10
10
|
import Icon from "../icon/Icon";
|
|
11
|
-
import { eye } from "../icon/iconPaths";
|
|
11
|
+
import { eye, search } from "../icon/iconPaths";
|
|
12
12
|
import type { InputProps } from "./types";
|
|
13
13
|
import { iconClass, inputStyles, primary } from "../globalStyle";
|
|
14
14
|
|
|
@@ -96,6 +96,11 @@ export const Input = ({
|
|
|
96
96
|
props.type === "password" && showPassword ? "text" : props.type
|
|
97
97
|
}
|
|
98
98
|
/>
|
|
99
|
+
{props.type === "search" && (
|
|
100
|
+
<div className="absolute inset-y-0 right-2 flex items-center">
|
|
101
|
+
<Icon elements={search} svgClass={iconClass["grey-common"]} />
|
|
102
|
+
</div>
|
|
103
|
+
)}
|
|
99
104
|
{props.type === "password" && (
|
|
100
105
|
<button
|
|
101
106
|
type="button"
|