open-index/open-npm huggingface dataset:
npm package: @ohmygodvt95/vue3-pikaday
Description: Vue3 wrapper component for Pikaday
Author: ThienLV
Latest version: 1.0.0

# Vue3-pikaday

Vue3 wrapper component for [Pikaday](https://github.com/Pikaday/Pikaday) datepicker

### Install

with NPM
```bash
npm i @ohmygodvt95/vue3-pikaday 
```

with Yarn
```bash
yarn add @ohmygodvt95/vue3-pikaday 
```

### Usage & Options

```vue
<script setup lang="ts">
import VPikaday from "@ohmygodvt95/vue3-pikaday";
import { ref } from "vue";

const pickedDate = ref<String>();
</script>

<template>
   <main>
      <VPikaday
              v-model="pickedDate"
              format="YYYY年MM月DD日"
              :firstDay="0"
              :maxDate="new Date()"
      />
      <br />
      picked: {{ pickedDate }}
   </main>
</template>
```

NOTE: Pikaday's options can be added using the vue component's properties. List of properties refer here https://github.com/Pikaday/Pikaday#configuration

### Contribution
Feel free to create issue for bugs or pull request with fixes / enhancements.

### License

[MIT](./LICENSE)

Copyright (c) 2022 - present [Ohmygodvt95](https://github.com/ohmygodvt95)
npm package: @ohmysmtp/ohmysmtp.js
Description: The official Node.js library for the https://ohmysmtp.com API
Latest version: 0.0.11

# OhMySMTP Node.js Library

[![<ORG_NAME>](https://circleci.com/gh/ohmysmtp/ohmysmtp.js.svg?style=svg)](https://app.circleci.com/pipelines/github/ohmysmtp/ohmysmtp.js)
[![codecov](https://codecov.io/gh/ohmysmtp/ohmysmtp.js/branch/master/graph/badge.svg?token=QDLVU2JGyD)](https://codecov.io/gh/ohmysmtp/ohmysmtp.js)
[![npm version](https://badge.fury.io/js/%40ohmysmtp%2Fohmysmtp.js.svg)](https://badge.fury.io/js/%40ohmysmtp%2Fohmysmtp.js)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)

This is the official Node.js library for the https://ohmysmtp.com transactional email API

## Quick Start

### Pre-requisites

First you will need to retrieve your API token for your sending domain from [OhMySMTP](https://app.ohmysmtp.com). You can find it under Organization -> Domain -> API Tokens

Your domain must have completed DKIM authorization and have an active plan to send emails.

### Installation

If using NPM

`npm install --save @ohmysmtp/ohmysmtp.js`

If using Yarn

`yarn add @ohmysmtp/ohmysmtp.js`

### Sending an email

```javascript
const OhMySMTP = require('@ohmysmtp/ohmysmtp.js');
const client = new OhMySMTP.DomainClient('API_TOKEN_HERE');

client
  .sendEmail({
    from: 'test@test.com',
    to: 'test@test.com',
    subject: 'test',
    htmlbody: '<H1>HTML Email</h1>',
  })
  .then((r) => {
    console.log(r);
  });
```

## Documentation

See https://docs.ohmysmtp.com/integrations/node for detailed documentation and all options

## Issues, Support & Contributions

If you have any difficulties please contact support@ohmysmtp.com or open an issue on github.

Contributions are always welcome

## License

MIT
npm package: @ohmyteeth/hono-calendar
Description: The Headless Calendar Library for HonoX, build without React dependencies.
Latest version: 0.3.0

# 🔥 Hono Calendar

The Headless Calendar Library for HonoX, build without React dependencies.

## Installation

```bash
$ npm install hono honox @ohmyteeth/hono-calendar
```

## Usage

```tsx
import { format } from "date-fns";
import { useState } from "hono/jsx";
import * as HonoCalendar from "@ohmyteeth/hono-calendar";

const CalendarApp = () => {
  const [value, setValue] = useState(new Date());
  console.log({ value });

  return (
    <HonoCalendar.Root locale="ja-JP" onChange={setValue}>
      <div>
        <HonoCalendar.NavigateButton direction="prev">Prev</HonoCalendar.NavigateButton>
        <HonoCalendar.DisplayMonth render={(d) => format(d, "yyyy/MM")} />
        <HonoCalendar.NavigateButton direction="next">Next</HonoCalendar.NavigateButton>
      </div>
      <div>
        <HonoCalendar.Weekdays render={(day) => <div>{day}</div>} />
      </div>
      <div>
        <HonoCalendar.Rows
          row={(row) => <HonoCalendar.CalendarRow className="grid grid-cols-7 h-[72px] items-center">{row}</HonoCalendar.CalendarRow>}
          cell={(cell) => <HonoCalendar.CalendarCell cell={cell}>{cell.day}</HonoCalendar.CalendarCell>}
        />
      </div>
    </HonoCalendar.Root>
  );
};

export { CalendarApp };
```

### Common Props

- `className?` (`string`) - The classNames to apply to the element.

### `Root` Props

- `locale` (`string`) - The locale to use for the calendar.
- `children?` (`ReactNode`) - The children to render.
- `firstDayOfWeek?` (`DayOfWeek`) - The first day of the week.
- `initialValue?` (`Date`) - The initial select value of the calendar.
- `onChange?` (`(date|null) => void`) - The function to call when the value changes.

### `NavigateButton` Props

- `direction` (`"prev"|"next"`) - The direction of the button.
- `children?` (`ReactNode`) - The children to render.
- `isDisableCallback?` : (`(date: Date) => boolean`) - The function to call when the button is disabled.
- `onNavigate?`: (`() => void`) - The function to call when the button is clicked, invoked after the navigated.

### `DisplayMonth` Props

- `render` (`(date: Date) => ReactNode`) - The function to render the month.

### `Weekdays` Props

- `render` (`(day: string) => ReactNode`) - The function to render the day of the week.

### `Rows` Props

- `row` (`(row: ReactNode) => ReactNode`) - The function to render the row.
- `cell` (`(cell: CalendarCellProps) => ReactNode`) - The function to render the cell.

### `Row` Props

- `children` (`ReactNode`) - The children to render.

### `Cell` Props

- `cell` (`CalendarCellProps`) - The cell props.
- `children` (`ReactNode`) - The children to render.
- `isSelectable?` (`(CalendarCellCallbackProps) => boolean`) - The function to call when the cell is selectable.
- `isDisabled?` (`(CalendarCellCallbackProps) => boolean`) - The function to call when the cell is selected.

## License

This software is licensed under the Apache 2.0 License.