open-index/open-npm huggingface dataset:
npm package: @ramenx/ui-library
Description: Ramen UI library • React components
Author: orenonou
Latest version: 1.0.39

# ramen-ui

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/ramen-ui.svg)](https://www.npmjs.com/package/@ramenx/ui-library) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @ramenx/ui-library
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from '@ramenx/ui-library'
import 'ramen-ui/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```
## Live Demo
The app is based on the ReactJS JavaScript framework and TypeScript. Try it [here](https://cencosud-x.github.io/@ramenx/ui-library/).
## License

MIT © [CencosudX](https://github.com/Cencosud-X)
npm package: @ramesesinc/client
Description: React UI Component Library
Author: Rameses Systems Inc.
Latest version: 1.0.16

# @ramesesinc/uix

Rameses UI Component Library

## Installation

```bash
# In your project directory
npm install @ramesesinc/uix
```

## Usage

```tsx
import { Button } from '@ramesesinc/uix';

function App() {
  return <Button>Click me</Button>;
}
```

## Development

1. Clone the repository
2. Install dependencies:
   ```bash
   npm install
   ```
3. Start development server:
   ```bash
   npm run dev
   ```
4. Build for production:
   ```bash
   npm run build
   ```

## Project Structure

```
src/
  components/     # Reusable UI components
  common/         # Common utilities and types
  index.ts        # Main export file
```

## License

MIT
npm package: @ramesesinc/loader
Description: Reusable loader utilities
Latest version: 1.0.10

# rameses-lib

A lightweight, dynamic loader library for Next.js projects.  
This library helps you **dynamically load pages, templates, and menus** based on tenant/module configurations.

---

## 📦 Installation

Install from npm:

```bash
npm install rameses-lib
# or
yarn add rameses-lib
```
npm package: @ramesh-exe/datepicker-vue
Description: ### Complete and highly customizable datepicker for vue3
Author: @ramesh-exe
Latest version: 1.6.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

## @ramesh-exe/datepicker-vue

### Complete and highly customizable datepicker for vue3

## [DOCUMENTATION](https://datepicker-vue-docs.readthedocs.io/en/latest/index.html)

### [Demo](https://stackblitz.com/edit/ramesh-exedatepicker-vue?file=src%2Fcomponents%2FPlayground.vue)

## Features

- Single view date picker
- Single view date picker with text field for displaying the selected date
- Single view date range picker for selecting a range of dates
- Single view date range picker with text fields for displaying the selected start and end dates
- Multi month date picker
- Multi month date picker with text field for displaying the selected date range
- Slots for customizing the trigger and input fields, allowing users to add their own elements for triggering the datepicker and displaying the selected date(s)
- Month select feature, which allows users to select a specific month within a year
- Year select feature, which allows users to select a specific year.

## Install

```shell
yarn add @ramesh-exe/datepicker-vue

# or

npm i @ramesh-exe/datepicker-vue
```

Import and register component

**Global**

To import and register the component globally in your Vue application, use the following code:

```js
import { createApp } from "vue";
import App from "./App.vue";

import DatePicker from "@ramesh-exe/datepicker-vue";
import "@ramesh-exe/datepicker-vue/dist/style.css";

const app = createApp(App);
app.component("DatePicker", DatePicker);
```

**Local**

To import and register the component locally in a Vue component, use the following code:

```vue
<script>
import DatePicker from "@ramesh-exe/datepicker-vue";
import "@ramesh-exe/datepicker-vue/dist/style.css";

export default {
  components: { DatePicker },
};
</script>
```

**Usage**

To use the component in your template, add the DatePicker component with the desired props and slots.

```vue
<template>
  <DatePicker v-model="date" />
</template>

<script setup>
import DatePicker from "@ramesh-exe/datepicker-vue";
import "/node_modules/@ramesh-exe/datepicker-vue/dist/style.css";
import { ref } from "vue";

const date = ref({ start: null, end: null });
</script>
```

In this example, a reactive object `date` is defined using the `ref` function from the Vue.js library. The `date` object contains properties `start` and `end` for representing the selected date range. By default, both `start` and `end` are set to `null`.

When a single date is selected, the `start` and `end` properties of the date object will be set to the same date. When a range of dates is selected, the `start` and `end` properties will be set to the respective `start` and `end` dates of the range.