groovinads-ui 1.2.47 → 1.2.48

package/README.md

@@ -21,6 +21,7 @@ The library includes the following components:
 
   - [DropdownComponent](#dropdowncomponent): For dropdown menus.
   - [DropdownDatePicker](#dropdowndatepicker): For filter dropdowns.
+  - [DropdownSimpleDatePicker](#dropdownsimpledatepicker): For filter dropdowns.
   - [DropdownFilter](#dropdownfilter): For filter dropdowns.
   - [DropdownMultiSelect](#dropdownmultiselect): For multi-select dropdowns.
 
@@ -123,7 +124,7 @@ import { Button } from 'groovinads-ui';
 
 ## Dropdowns
 
-### DropdownComponent
+### DropdownComponent (*Deprecated*)
 
 ```jsx
 import React, { useState } from 'react';
@@ -155,11 +156,11 @@ const DropdownComponentExample = () => {
         <Icon iconName='chevron-down' className='ms-2' />
       </Button>
 
-      <DropdownComponent.Menu>
+      <DropdownComponentMenu>
         <DropdownComponent.Item onClick={() => console.log('Item 1 clicked')}>
           Item 1
         </DropdownComponent.Item>
-      </DropdownComponent.Menu>
+      </DropdownComponentMenu>
     </DropdownComponent>
   );
 };
@@ -167,7 +168,7 @@ const DropdownComponentExample = () => {
 export default DropdownComponentExample;
 ```
 
-##### Dropdown width submenu
+##### Dropdown with submenu
 
 ```jsx
 <DropdownComponent
@@ -245,7 +246,7 @@ const DropdownDatePickerExample = () => {
 	);
 };
 
-export default ExampleUsage;
+export default DropdownDatePickerExample;
 ```
 
 | Property         | Type     | Required | Option           | Default  | Description                                                                                                                            |
@@ -264,6 +265,49 @@ export default ExampleUsage;
 | `show`           | Boolean  | No       | `true` `false`   | `false`  | Controls the visibility of the dropdown. If true, the dropdown is displayed; if false, it is hidden.                                   |
 | `variant`        | String   | No       | `input` `filter` | `input`  | Determines the type of dropdown. If 'input', it will be displayed as a button. If 'filter', it will be displayed as a filter dropdown. |
 
+### DropdownSimpleDatePicker
+
+```jsx
+import { DropdownDatePicker } from 'groovinads-ui';
+import React, { useState } from 'react';
+
+const DropdownSimpleDatePickerExample = () => {
+	const [show, setShow] = useState(false);
+
+	const [dateFrom, setDateFrom] = useState('');
+	const [dateTo, setDateTo] = useState('');
+
+
+	return (
+		<>
+			<button onClick={() => setShow(!show)}>Toggle<	button>
+			<div className='col-2'>
+				<DropdownSimpleDatePicker
+					{...args}
+					dateFrom={dateFrom}
+					setDateFrom={setDateFrom}
+					date={dateTo}
+					setDate={setDateTo}
+				/>
+			</div>
+		</>
+	);
+};
+
+export default DropdownSimpleDatePickerExample;
+```
+
+| Property         | Type     | Required | Option           | Default  | Description                                                                                                                                  |
+| ---------------- | -------- | -------- | ---------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `className`      | String   | No       | n/a              | n/a      | Adds a custom CSS class to the component.       |
+| `show`           | Boolean  | No       | `true` `false`   | `false`  | Controls the visibility of the dropdown. If true, the dropdown is displayed; if false, it is hidden.                                  |
+| `setShow`        | Function | No       | n/a              | n/a      | Function to update the visibility state of the dropdown.             |
+| `onToggle`       | Function | No       | n/a              | n/a      | Function that is called when the dropdown is toggled.    			  |
+| `inputLabel`     | String   | No       | n/a              | `period` | Label to display on the dropdown toggle button.                      |
+| `overflow`       | Boolean  | No       | `true` `false`   | `false`  | Adjusts the dropdown's position to handle overflow situations.       |
+| `date`       	   | String   | No       | n/a              | `null`   | Selected date.              			            				  |
+| `setDate`    	   | Function | No       | n/a              | n/a      | Function that updates the start date.                                |
+
 ### DropdownFilter
 
 ```jsx
@@ -481,13 +525,14 @@ import { Radio } from 'groovinads-ui';
 </Radio>;
 ```
 
-| Property    | Type     | Required | Options        | Default | Description                                                                                                                     |
-| ----------- | -------- | -------- | -------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------- |
-| `className` | String   | No       | n/a            | n/a     | Additional CSS class names that can be applied to the radio button.                                                             |
-| `id`        | String   | No       | n/a            | n/a     | The unique identifier for the radio button. It is used for linking the label and the radio button.                              |
-| `name`      | String   | No       | n/a            | n/a     | The name attribute of the radio button. Used to group multiple radios into a single group.                                      |
-| `setStatus` | Function | No       | n/a            | n/a     | It is used to update the selection state of the radio button based on user interaction.                                         |
-| `status`    | Boolean  | No       | `true` `false` | `false` | Indicates whether the radio button is selected (true, the radio button appears selected) or not (false, it appears unselected). |
+| Property    | Type     | Required | Options        | Default | Description                                                                                                                    		 |
+| ----------- | -------- | -------- | -------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------- |
+| `className` | String   | No       | n/a            | n/a     | Additional CSS class names that can be applied to the radio button.                                                             		 |
+| `id`        | String   | No       | n/a            | n/a     | The unique identifier for the radio button. It is used for linking the label and the radio button.                              		 |
+| `fullWidth` | Boolean  | No       | n/a            | `false` | If `true`, the input will take the full width of its container by adding the `w-100` class to both the container `div` and the `label`. |
+| `name`      | String   | No       | n/a            | n/a     | The name attribute of the radio button. Used to group multiple radios into a single group.                                      		 |
+| `setStatus` | Function | No       | n/a            | n/a     | It is used to update the selection state of the radio button based on user interaction.                                         		 |
+| `status`    | Boolean  | No       | `true` `false` | `false` | Indicates whether the radio button is selected (true, the radio button appears selected) or not (false, it appears unselected). 		 |
 
 ### Switch